import { AddIcon } from "@chakra-ui/icons" import { Box, Button, chakra, Flex, HStack, VStack, Menu, MenuButton, MenuList, MenuItem, IconButton, Heading, Divider } from "@chakra-ui/react" import Card, { CardBody, CardHeader } from "components/card" import Stories from "components/story/stories" import SimplePostCard from "components/story/simple-story-card" import SEO from "components/seo" import siteConfig from "configs/site-config" import PageContainer1 from "layouts/page-container1" import React, { useEffect, useState } from "react" import { requestApi } from "utils/axios/request" import { SearchFilter } from "src/types/search" import SearchFilters from "components/search-filters" const HomePage = () => { let filter:string const [posts, setPosts] = useState([]) const initData = async () => { const res = await requestApi.get(`/story/posts/home/${filter}`) setPosts(res.data) } useEffect(() => { initData() }, []) const onFilterChange = filter => { } return ( <> } size="xs" variant="ghost" _focus={null} /> }> Modern }> Compact ) } export default HomePage export const HomeSidebar = () => { const [posts, setPosts] = useState([]) const initData = async () => { const res = await requestApi.get(`/story/posts/home/aa`) setPosts(res.data) } useEffect(() => { initData() }, []) return ( 热榜 ) }