'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; import Image from 'next/image'; import { usePathname } from 'next/navigation'; import { FaGoogle } from 'react-icons/fa'; import logo from '@/assets/images/logo-white.png'; import profileDefault from '@/assets/images/profile.png'; import { signIn, signOut, useSession, getProviders } from 'next-auth/react'; const Navbar = () => { const { data: session } = useSession(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false); const [providers, setProviders] = useState(null); const pathname = usePathname(); useEffect(() => { const setAuthProviders = async () => { const res = await getProviders(); setProviders(res); }; setAuthProviders(); // NOTE: close mobile menu if the viewport size is changed window.addEventListener('resize', () => { setIsMobileMenuOpen(false); }); }, []); return ( ); }; export default Navbar;