diff --git a/apps/www/components/Nav/index.tsx b/apps/www/components/Nav/index.tsx index b36fd57c9dd..5b321c0318a 100644 --- a/apps/www/components/Nav/index.tsx +++ b/apps/www/components/Nav/index.tsx @@ -13,7 +13,7 @@ import Developers from '~/components/Nav/Developers' import ScrollProgress from '~/components/ScrollProgress' -import { useIsLoggedIn, useTheme } from 'common' +import { useIsLoggedIn, useIsUserLoading, useTheme } from 'common' import TextLink from '../TextLink' import Image from 'next/image' import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png' @@ -26,7 +26,9 @@ const Nav = () => { const [openProduct, setOpenProduct] = useState(false) const [openDevelopers, setOpenDevelopers] = useState(false) const isLoggedIn = useIsLoggedIn() - + const isUserLoading = useIsUserLoading() + + const isHomePage = router.pathname === '/' const isLaunchWeekPage = router.pathname.includes('launch-week') const showLaunchWeekNavMode = @@ -290,62 +292,66 @@ const Nav = () => {
- -
- - } - > - - Star us on GitHub - - - + + Star us on GitHub + + + - {isLoggedIn ? ( - - - - - - ) : ( - <> - + {isLoggedIn ? ( + - - - - - - + + ) : ( + <> + + + + + + + + + + + + )} - )} + } diff --git a/packages/common/auth.tsx b/packages/common/auth.tsx index 9529f3cbe8c..4d5a943ab9d 100644 --- a/packages/common/auth.tsx +++ b/packages/common/auth.tsx @@ -103,6 +103,8 @@ export const useSession = () => useAuth().session export const useUser = () => useSession()?.user ?? null +export const useIsUserLoading = () => useAuth().isLoading + export const useIsLoggedIn = () => { const user = useUser()