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 StoryFilters from "components/story/story-filter"
import { concat } from "lodash"
import useInfiniteScroll from 'src/hooks/use-infinite-scroll'
const HomePage = () => {
const [filter,setFilter] = useState('Best')
const initData = (p) => {
return requestApi.get(`/story/posts/home?filter=${filter}&page=${p}&per_page=5`)
}
const onFilterChange = f => {
setFilter(f)
}
return (
<>
)
}
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 (
热榜
{/*
*/}
)
}