[react-intl] Store current language in cookie (#638)

Store currently selected locale in cookie after successfull language change by redux action. This makes selection persistent.
kriasoft · May 4, 2016 · a8fb68a · a8fb68a
1 parent 68e31a6
commit a8fb68a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/actions/intl.js b/src/actions/intl.js
@@ -39,6 +39,12 @@ export function setLocale({ locale }) {
           messages,
         },
       });
+
+      // remember locale for every new request
+      if (process.env.BROWSER) {
+        const maxAge = 3650 * 24 * 3600; // 10 years in seconds
+        document.cookie = `lang=${locale};path=/;max-age=${maxAge}`;
+      }
     } catch (error) {
       dispatch({
         type: SET_LOCALE_ERROR,

diff --git a/src/components/LanguageSwitcher/LanguageSwitcher.js b/src/components/LanguageSwitcher/LanguageSwitcher.js
@@ -14,7 +14,7 @@ function LanguageSwitcher({ currentLocale, availableLocales, setLocale }) {
             <span>{locale}</span>
           ) : (
             <a
-              href={`?locale=${locale}`}
+              href={`?lang=${locale}`}
               onClick={(e) => {
                 setLocale({ locale });
                 e.preventDefault();

diff --git a/src/server.js b/src/server.js
@@ -50,8 +50,11 @@ app.use(requestLanguage({
   languages: locales,
   queryName: 'lang',
   cookie: {
-    name: 'language',
-    options: { maxAge: 24 * 3600 * 1000 },
+    name: 'lang',
+    options: {
+      path: '/',
+      maxAge: 3650 * 24 * 3600 * 1000, // 10 years in miliseconds
+    },
     url: '/lang/{language}',
   },
 }));