'use client'; import { useState, useEffect } from 'react'; interface FaceitUser { player_id?: string; user_id?: string; nickname: string; avatar?: string; country?: string; level?: number; } export default function Navbar() { const [isLoggedIn, setIsLoggedIn] = useState(false); const [user, setUser] = useState(null); const [loading, setLoading] = useState(true); // Check if user is logged in on component mount useEffect(() => { checkAuthStatus(); }, []); const checkAuthStatus = async () => { try { const response = await fetch('/api/auth/user'); const data = await response.json(); if (data.user) { setUser(data.user); setIsLoggedIn(true); } } catch (error) { console.error('Error checking auth status:', error); } finally { setLoading(false); } }; const handleLogin = () => { // Redirect to FACEIT OAuth2 login window.location.href = '/api/auth/faceit'; }; const handleLogout = async () => { try { await fetch('/api/auth/logout', { method: 'POST' }); setIsLoggedIn(false); setUser(null); // Optionally redirect to home page window.location.href = '/'; } catch (error) { console.error('Error logging out:', error); } }; return ( ); }