'use client'; import { useState } from 'react'; import Link from 'next/link'; import Image from 'next/image'; import { ThemeSwitcher } from '@/components/ThemeSwitcher'; import { useSiteIcon } from '@/components/SiteIconProvider'; import { Icons } from '@/components/ui/Icon'; import { siteConfig } from '@/lib/config/site-config'; import { getSession, clearSession, hasPermission, type AuthSession } from '@/lib/store/auth-store'; import { useRuntimeFeatures } from '@/components/RuntimeFeaturesProvider'; import { LogOut } from 'lucide-react'; interface NavbarProps { onReset: () => void; isPremiumMode?: boolean; } export function Navbar({ onReset, isPremiumMode = false }: NavbarProps) { const settingsHref = isPremiumMode ? '/premium/settings' : '/settings'; const favoritesHref = isPremiumMode ? '/premium/favorites' : '/favorites'; const [session] = useState(() => getSession()); const { iptvEnabled } = useRuntimeFeatures(); const siteIconSrc = useSiteIcon(); const handleLogout = () => { fetch('/api/auth/session', { method: 'DELETE' }) .catch(() => { // Best effort only. }) .finally(() => { clearSession(); window.location.href = '/'; }); }; return ( ); }