wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-07-20 12:10:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1011 from LAION-AI/983-fix-locale-on-url-change

Browse Source 
Update the locale cookie when a user sets the url manually
This commit is contained in:
AbdBarho
2023-01-30 18:41:54 +01:00
committed by GitHub
parent 1881790edc 7a56b152a2
commit 5426fe7ee0
3 changed files with 77 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/LanguageSelector/LanguageSelector.tsx
+15 -3
View File
@@ -1,13 +1,25 @@
import { Select } from "@chakra-ui/react";
import { useRouter } from "next/router";
import { useTranslation } from "next-i18next";
import { useCallback, useMemo } from "react";
import cookie from "react-cookies";
import { useCallback, useEffect, useMemo } from "react";
import { useCookies } from "react-cookie";
const LanguageSelector = () => {
const router = useRouter();
const [cookies, setCookie] = useCookies(["NEXT_LOCALE"]);
const { i18n } = useTranslation();
// Inspect the cookie based locale and the router based locale. If the user
// has manually set the locale via URL, they will differ. In that condition,
// update the cookie.
useEffect(() => {
const localeCookie = cookies["NEXT_LOCALE"];
const localeRouter = router.locale;
if (localeRouter !== localeCookie) {
setCookie("NEXT_LOCALE", localeRouter, { path: "/" });
}
}, [cookies, setCookie, router]);
// Memo the set of locales and their display names.
const localesAndNames = useMemo(() => {
return router.locales.map((locale) => ({
@@ -19,7 +31,7 @@ const LanguageSelector = () => {
const languageChanged = useCallback(
async (option) => {
const locale = option.target.value;
cookie.save("NEXT_LOCALE", locale, { path: "/" });
setCookie("NEXT_LOCALE", locale, { path: "/" });
const path = router.asPath;
return router.push(path, path, { locale });
},