zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add router refresh to language selector

Browse Source 
Added useRouter import from 'next/navigation' and implemented a router refresh in the language change function. This update ensures that cached translations are refreshed when the language is changed.
This commit is contained in:
giancarlo
2024-04-20 00:52:05 +08:00
parent 2df48d82d8
commit daf8c18de6
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/makerkit/language-selector.tsx
View File

@@ -2,6 +2,8 @@
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useMemo, useState } from 'react';
import { useRouter } from 'next/navigation';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { import {
@@ -18,7 +20,7 @@ export function LanguageSelector({
onChange?: (locale: string) => unknown; onChange?: (locale: string) => unknown;
}) { }) {
const { i18n } = useTranslation(); const { i18n } = useTranslation();
const router = useRouter();
const { language: currentLanguage, options } = i18n; const { language: currentLanguage, options } = i18n;
const locales = (options.supportedLngs as string[]).filter( const locales = (options.supportedLngs as string[]).filter(
@@ -42,8 +44,11 @@ export function LanguageSelector({
} }
await i18n.changeLanguage(locale); await i18n.changeLanguage(locale);
// refresh cached translations
router.refresh();
}, },
[i18n, onChange], [i18n, router, onChange],
); );
return ( return (