"use client"; import { PACK_ENDPOINT, PACKS_ENDPOINT } from "@/api/ENDPOINTS"; import { Pack } from "@/types/pack"; import { Sidebar, SidebarItem, SidebarItemGroup, SidebarItems, } from "flowbite-react"; import { useEffect, useState } from "react"; import { HiChartPie, HiPlusCircle } from "react-icons/hi"; export const Menu = () => { const [packsData, setPacksData] = useState([]); useEffect(() => { async function _getPacksData() { const res = await fetch(PACKS_ENDPOINT("getPacks")); setPacksData(await res.json()); } _getPacksData(); }, []); return ( Dashboard {packsData && packsData.map((pack) => { return (
{/* eslint-disable-next-line @next/next/no-img-element */}

{pack.title}

by {pack.author}

); })} New mod pack
); };