Only languages part of Nextjs i18n can appear in the switch language now
This commit is contained in:
parent
9b0404a742
commit
a16be4acf5
|
@ -5,7 +5,7 @@ import { useMediaMobile } from "hooks/useMediaQuery";
|
||||||
import Head from "next/head";
|
import Head from "next/head";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import { AppStaticProps } from "queries/getAppStaticProps";
|
import { AppStaticProps } from "queries/getAppStaticProps";
|
||||||
import { getOgImage, OgImage } from "queries/helpers";
|
import { getOgImage, OgImage, prettyLanguage } from "queries/helpers";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { useSwipeable } from "react-swipeable";
|
import { useSwipeable } from "react-swipeable";
|
||||||
import { ImageQuality } from "./Img";
|
import { ImageQuality } from "./Img";
|
||||||
|
@ -242,15 +242,15 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
|
||||||
>
|
>
|
||||||
<h2 className="text-2xl">{langui.select_language}</h2>
|
<h2 className="text-2xl">{langui.select_language}</h2>
|
||||||
<div className="flex flex-wrap flex-row gap-2 mobile:flex-col">
|
<div className="flex flex-wrap flex-row gap-2 mobile:flex-col">
|
||||||
{languages.map((language) => (
|
{router.locales?.map((locale) => (
|
||||||
<Button
|
<Button
|
||||||
key={language.id}
|
key={locale}
|
||||||
active={language.attributes.code === router.locale}
|
active={locale === router.locale}
|
||||||
href={router.asPath}
|
href={router.asPath}
|
||||||
locale={language.attributes.code}
|
locale={locale}
|
||||||
onClick={() => appLayout.setLanguagePanelOpen(false)}
|
onClick={() => appLayout.setLanguagePanelOpen(false)}
|
||||||
>
|
>
|
||||||
{language.attributes.localized_name}
|
{prettyLanguage(locale, languages)}
|
||||||
</Button>
|
</Button>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue