fix(SW-705): Added Suspense to LanguageSwitcher

This commit is contained in:
Pontus Dreij
2024-11-29 16:16:35 +01:00
parent 6e1806fb29
commit 9d4c6eb25d
3 changed files with 32 additions and 13 deletions
+10 -1
View File
@@ -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({
<ul className={styles.list}>
{languageSwitcher ? (
<li className={styles.langSwitcher}>{languageSwitcher}</li>
<li className={styles.langSwitcher}>
<Suspense
fallback={<SkeletonShimmer height="20px" width="10ch" />}
>
{languageSwitcher}
</Suspense>
</li>
) : null}
{links.map(({ link }, i) => (