Fix language switcher (#4341)

* Fix language switcher * Changeset * Fix typo
saleor · Oct 18, 2023 · b792f98 · b792f98
1 parent b488e85
commit b792f98
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/.changeset/tricky-needles-brush.md b/.changeset/tricky-needles-brush.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Fix language switcher
diff --git a/src/staff/components/StaffPreferences/StaffPreferences.tsx b/src/staff/components/StaffPreferences/StaffPreferences.tsx
@@ -18,6 +18,18 @@ const StaffPreferences: React.FC<StaffPreferencesProps> = ({
 }) => {
   const intl = useIntl();
 
+  const handleLocaleChange = async (locale: Locale) => {
+    await onLocaleChange(locale);
+
+    /*
+      Workaround, after changing language we reload the page.
+      saleor-sdk causes the error related to wrong cache management.
+      Migration to auth-sdk can solve it.
+      Ref: https://github.com/saleor/saleor-dashboard/issues/4340
+    */
+    window.location.reload();
+  };
+
   return (
     <Card>
       <CardTitle
@@ -45,7 +57,7 @@ const StaffPreferences: React.FC<StaffPreferencesProps> = ({
           })}
           name="locale"
           value={locale}
-          onChange={event => onLocaleChange(event.target.value)}
+          onChange={event => handleLocaleChange(event.target.value)}
         />
         <FormSpacer />
         <Typography>