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 { HomeSidebar } from "src/types/misc"
import Link from "next/link"
import { ReserveUrls } from "src/data/reserve-urls"
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 IndexSidebar = () => {
const [sidebars, setSidebars]: [HomeSidebar[], any] = useState([])
const getSidebars = async () => {
const res = await requestApi.get("/sidebars")
setSidebars(res.data)
}
useEffect(() => {
getSidebars()
}, [])
return (
{
sidebars.map(sb =>
)
}
)
}
const IndexSidebarCard = ({ sidebar }) => {
const [posts, setPosts] = useState([])
useEffect(() => {
initData()
}, [])
const initData = async () => {
const res = await requestApi.get(`/tag/info/${sidebar.tagName}`)
const res1 = await requestApi.get(`/tag/posts/${res.data.id}?filter=${sidebar.sort}&page=${1}&per_page=${sidebar.displayCount}`)
setPosts(res1.data)
}
return (
<>
#{sidebar.tagName}
{posts.length > 0 &&
<>
{
posts.map(p => )
}
}
)
}