diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx index b275b47f6..7480979ed 100644 --- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx +++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx @@ -1,5 +1,6 @@ "use client" +import { useSession } from "next-auth/react" import { useIntl } from "react-intl" import { MembershipLevelEnum } from "@/constants/membershipLevels" @@ -7,6 +8,7 @@ import { trpc } from "@/lib/trpc/client" import LoginButton from "@/components/LoginButton" import useLang from "@/hooks/useLang" +import { isValidClientSession } from "@/utils/clientSession" import Avatar from "../Avatar" import MyPagesMenu, { MyPagesMenuSkeleton } from "../MyPagesMenu" @@ -20,6 +22,9 @@ export default function MyPagesMenuWrapper() { const intl = useIntl() const lang = useLang() + const { data: session } = useSession() + const isUserLoggedIn = isValidClientSession(session) + const { data: user, isLoading: isLoadingUser } = trpc.user.name.useQuery() const { data: membership, isLoading: isLoadingMembership } = trpc.user.safeMembershipLevel.useQuery() @@ -41,7 +46,7 @@ export default function MyPagesMenuWrapper() { return ( <> - {user ? ( + {isUserLoggedIn && user ? ( <>