Add fallback to english translation if translations is missing (#1461)…

… (minor)

* Add fallback to english for translations

* Show translation key if no translation is available

cypress/integration/tooltips.spec.js

@@ -241,4 +241,36 @@ describe('Shows Tooltips', () => {
       expect(el).to.have.text('Click first marker to finish');
     });
   });
+
+  it('Add fallback to english for translations', () => {
+    cy.window().then(({ map, L }) => {
+      // we set the language to 'custom'
+      // to make sure that it has no fallback we overwrite the fallback with 'xx'
+      map.pm.setLang(
+        'custom',
+        {
+          tooltips: {
+            mytext: 'Some Text',
+          },
+        },
+        'xx'
+      );
+
+      expect(L.PM.Utils.getTranslation('tooltips.mytext')).to.eq('Some Text');
+      expect(L.PM.Utils.getTranslation('tooltips.placeMarker')).to.eq(
+        'Click to place marker'
+      );
+    });
+  });
+
+  it('shows key if no translation is available', () => {
+    cy.window().then(({ L }) => {
+      expect(L.PM.Utils.getTranslation('tooltips.placeMarker')).to.eq(
+        'Click to place marker'
+      );
+      expect(L.PM.Utils.getTranslation('tooltips.mytext')).to.eq(
+        'tooltips.mytext'
+      );
+    });
+  });
 });

src/js/helpers/index.js

@@ -1,15 +1,10 @@
 import get from 'lodash/get';
-import has from 'lodash/has';
 import translations from '../../assets/translations';
 
 export function getTranslation(path) {
-  let lang = L.PM.activeLang;
-
-  if (!has(translations, lang)) {
-    lang = 'en';
-  }
-
-  return get(translations[lang], path);
+  const lang = L.PM.activeLang;
+  // if translation is not found, fallback to english
+  return get(translations[lang], path) || get(translations.en, path) || path;
 }
 
 export function hasValues(list) {