diff --git a/src/components/aside/Aside.tsx b/src/components/aside/Aside.tsx index cbdf5c1..0e82227 100644 --- a/src/components/aside/Aside.tsx +++ b/src/components/aside/Aside.tsx @@ -1,47 +1,76 @@ -// Components -import SectionTitle from "../global/SectionTitle"; -import AsideNews from "./AsideNews"; -import Calendar from "./Calendar"; +// Modules +import { v4 as uuidv4 } from 'uuid'; +import { useState, useEffect } from 'react'; +import axios, { AxiosResponse } from 'axios'; +import { url } from '../../url'; + +// Components +import SectionTitle from '../global/SectionTitle'; +import AsideNews from './AsideNews'; +import Calendar from './Calendar'; + +interface Props { + type: 'latest' | 'popular'; +} + +interface Ipost { + id: number; + title: string; + img: string; + date: string | number; + category: string; +} + +const Aside = ({ type }: Props) => { + const [data, setData] = useState(); + + useEffect(() => { + axios + .get(`${url}/${type === 'popular' ? 'popular/posts' : 'popular/posts'}?locale=ru`) + .then((res) => { + setData(res.data); + console.log(res, res.data); + }); + }, []); -const Aside = () => { return (
- +