From cb51c9229e1871b50a6cdb8dac45f697d2b87ad0 Mon Sep 17 00:00:00 2001
From: guhur <12297742+guhur@users.noreply.github.com>
Date: Mon, 21 Sep 2020 08:46:18 +0200
Subject: [PATCH] fix(ci): update docker image for Node orb (#61)

* fix(ci): update docker image for Node orb

CircleCi was complaining about:

```
error npm-check-updates@9.0.1: The engine "node" is incompatible with this module. Expected version ">=10.17". Got "10.16.3"
error Found incompatible module.
```

* fix(ci): docker image

* fix(ci): i18n.language is not defined on ci
---
 .circleci/config.yml                        | 2 +-
 src/components/banner/Paypal.jsx            | 2 +-
 src/components/layouts/LanguageSelector.jsx | 2 +-
 src/i18n.jsx                                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index fc0bff8..731b4c6 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -2,7 +2,7 @@ version: 2.1
 jobs:
   build:
     docker:
-      - image: circleci/node:10.16.3
+      - image: cimg/node:lts
     steps:
       - checkout
       - run:
diff --git a/src/components/banner/Paypal.jsx b/src/components/banner/Paypal.jsx
index 28df2f3..e0d5260 100644
--- a/src/components/banner/Paypal.jsx
+++ b/src/components/banner/Paypal.jsx
@@ -8,7 +8,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const Paypal = props => {
   const { t } = props;
-  let localeStringShort = i18n.language.substring(0, 2);
+  let localeStringShort = i18n.language? i18n.language.substring(0, 2): "en";
   let localeStringComplete =
     localeStringShort.toLowerCase() + "_" + localeStringShort.toUpperCase();
   if (localeStringComplete === "en_EN") {
diff --git a/src/components/layouts/LanguageSelector.jsx b/src/components/layouts/LanguageSelector.jsx
index 4fa1f43..cbeeaea 100644
--- a/src/components/layouts/LanguageSelector.jsx
+++ b/src/components/layouts/LanguageSelector.jsx
@@ -12,7 +12,7 @@ const LanguageSelector = () => {
     i18n.changeLanguage(locale);
   };
 
-  let locale = i18n.language.substring(0, 2).toUpperCase();
+  let locale = i18n.language? i18n.language.substring(0, 2).toUpperCase() : "EN";
   if (locale === "EN") locale = "GB";
   return (
     <ReactFlagsSelect
diff --git a/src/i18n.jsx b/src/i18n.jsx
index 12f099c..0bc4695 100644
--- a/src/i18n.jsx
+++ b/src/i18n.jsx
@@ -12,7 +12,7 @@ i18n
     debug: true,
     saveMissing: true, // send not translated keys to endpoint
     defaultValue: "__STRING_NOT_TRANSLATED__",
-
+    react: { useSuspense: false },
     keySeparator: ">",
     nsSeparator: "|",
     backend: {