"use client"; import { Search, ListMusic, LogIn, LogOut, Home } from "lucide-react"; import { signIn, signOut, useSession } from "next-auth/react"; import { useState } from "react"; interface TopNavProps { onSearch: (query: string) => void; onHome: () => void; selectedServer: any; // ๐ŸŒŸ ์ถ”๊ฐ€: ์„ ํƒ๋œ ์„œ๋ฒ„ ์ •๋ณด } export default function TopNav({ onSearch, onHome, selectedServer }: TopNavProps) { const { data: session, status } = useSession(); const [term, setTerm] = useState(""); const handleKeyDown = (e: React.KeyboardEvent) => { if (e.key === "Enter" && term.trim()) { onSearch(term); } }; // ๐ŸŒŸ ํ™ˆ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๊ฒ€์ƒ‰์–ด ์ดˆ๊ธฐํ™” ๋กœ์ง ์ถ”๊ฐ€ const handleHomeClick = () => { setTerm(""); // ๊ฒ€์ƒ‰์ฐฝ ๋น„์šฐ๊ธฐ onHome(); // ์›๋ž˜ ํ™ˆ ๊ธฐ๋Šฅ ์‹คํ–‰ }; return ( ); }