'use client' import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { IconUserFilled } from "@tabler/icons-react" import { IconChevronDown } from "@tabler/icons-react" import { Black, Blue, Green, White, Red, Colorless } from "@/components/ui/mana-icons" import { useEffect, useState } from 'react' interface NavigationProps { isLoggedIn: boolean, username: string } interface bsetJsonObject { name: string, sanitized_name: string, set_codes: string[], icons: string[] } export function NavigationBar ({ isLoggedIn, username}: NavigationProps) { const [bsetsList, setBsetsList] = useState([]) useEffect(() => { fetch('/api/json/misc/bsets.json').then((res) => { if(res.status == 200) { res.json().then((data) => { setBsetsList(data) console.log(data) }) } }) }, []) return (