diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx index 0303a9448..00e28adb0 100644 --- a/components/Current/Header/MainMenu/index.tsx +++ b/components/Current/Header/MainMenu/index.tsx @@ -1,5 +1,6 @@ "use client" import { usePathname } from "next/navigation" +import { Suspense } from "react" import { useIntl } from "react-intl" import { logout } from "@/constants/routes/handleAuth" @@ -9,6 +10,7 @@ import useDropdownStore from "@/stores/main-menu" import Image from "@/components/Image" import LoginButton from "@/components/LoginButton" import Avatar from "@/components/MyPages/Avatar" +import SkeletonShimmer from "@/components/SkeletonShimmer" import Link from "@/components/TempDesignSystem/Link" import useLang from "@/hooks/useLang" import { trackClick } from "@/utils/tracking" @@ -112,16 +114,14 @@ export function MainMenu({ > {languageSwitcher ? ( -
  • {languageSwitcher}
  • +
  • + } + > + {languageSwitcher} + +
  • ) : null} {!!user ? (
  • diff --git a/components/Current/Header/TopMenu/index.tsx b/components/Current/Header/TopMenu/index.tsx index b33c44424..65700f66c 100644 --- a/components/Current/Header/TopMenu/index.tsx +++ b/components/Current/Header/TopMenu/index.tsx @@ -1,8 +1,11 @@ +import { Suspense } from "react" + import { logout } from "@/constants/routes/handleAuth" import { overview } from "@/constants/routes/myPages" import { getName } from "@/lib/trpc/memoizedRequests" import LoginButton from "@/components/LoginButton" +import SkeletonShimmer from "@/components/SkeletonShimmer" import Link from "@/components/TempDesignSystem/Link" import { getIntl } from "@/i18n" import { getLang } from "@/i18n/serverContext" @@ -32,7 +35,13 @@ export default async function TopMenu({