From 153a6df4a24517d450bb800d3ee5c8dc351c77d1 Mon Sep 17 00:00:00 2001
From: Filip Czaplicki <github@starsep.com>
Date: Sat, 23 Dec 2023 14:39:06 +0100
Subject: [PATCH] Provide default en for undefined resolvedLanguage

---
 src/components/downloadCard.tsx                | 3 ++-
 src/components/languageSwitcher.tsx            | 2 +-
 src/components/map.tsx                         | 5 +++--
 src/components/navbar.tsx                      | 5 +++--
 src/components/sidebar/defibrillatorEditor.tsx | 9 +++++----
 src/components/sidebar/openingHours.tsx        | 2 +-
 6 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/downloadCard.tsx b/src/components/downloadCard.tsx
index 3210acf..14c2e82 100644
--- a/src/components/downloadCard.tsx
+++ b/src/components/downloadCard.tsx
@@ -8,7 +8,8 @@ import { backendBaseUrl, fetchCountriesData } from "../backend";
 const worldCountryCode = "WORLD";
 
 export default function DownloadCard() {
-    const { t, i18n: { resolvedLanguage: language } } = useTranslation();
+    const { t, i18n: { resolvedLanguage } } = useTranslation();
+    const language = resolvedLanguage ?? "en";
     function countryName(country: Country) {
         if (country.code === worldCountryCode) return t("sidebar.world");
         const backendLanguageUppercase = language.toUpperCase();
diff --git a/src/components/languageSwitcher.tsx b/src/components/languageSwitcher.tsx
index e60a3ae..a4091c3 100644
--- a/src/components/languageSwitcher.tsx
+++ b/src/components/languageSwitcher.tsx
@@ -9,7 +9,7 @@ export default function LanguageSwitcher() {
             <div className="select">
                 <select
                     id="language-switcher"
-                    value={i18n.resolvedLanguage}
+                    value={i18n.resolvedLanguage ?? "en"}
                     onChange={(e) => {
                         i18n.changeLanguage(e.target.value);
                     }}
diff --git a/src/components/map.tsx b/src/components/map.tsx
index cb1fdec..3414878 100644
--- a/src/components/map.tsx
+++ b/src/components/map.tsx
@@ -95,6 +95,7 @@ const Map: FC<MapProps> = ({ openChangesetId, setOpenChangesetId }) => {
         authState: { auth }, setModalState, sidebarAction, setSidebarAction, sidebarData, setSidebarData,
     } = useAppContext();
     const { t, i18n: { resolvedLanguage } } = useTranslation();
+    const language = resolvedLanguage ?? "en";
 
     const hash4MapName = "map";
 
@@ -203,7 +204,7 @@ const Map: FC<MapProps> = ({ openChangesetId, setOpenChangesetId }) => {
             maplibregl,
             placeholder: t("sidebar.find_location"),
         });
-        maplibreGeocoder.setLanguage(resolvedLanguage);
+        maplibreGeocoder.setLanguage(language);
 
         map.addControl(maplibreGeocoder);
         mapRef.current = map;
@@ -321,7 +322,7 @@ const Map: FC<MapProps> = ({ openChangesetId, setOpenChangesetId }) => {
             );
         }
     }, [initialLatitude, initialLongitude, initialZoom,
-        setSidebarAction, setSidebarData, setSidebarLeftShown, resolvedLanguage]);
+        setSidebarAction, setSidebarData, setSidebarLeftShown, language]);
 
     return (
         <>
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 5a0c507..05626c1 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -14,6 +14,7 @@ const SiteNavbar: FC<SiteNavbarProps> = ({ toggleSidebarShown }) => {
     const { setModalState } = useAppContext();
     const [isActive, setIsActive] = React.useState(false);
     const { t, i18n: { resolvedLanguage } } = useTranslation();
+    const language = resolvedLanguage ?? "en";
     return (
         <Navbar color="success" className="has-background-green">
             <Navbar.Brand>
@@ -97,14 +98,14 @@ const SiteNavbar: FC<SiteNavbarProps> = ({ toggleSidebarShown }) => {
                         <ReactStoreBadges
                             platform="android"
                             url="https://play.google.com/store/apps/details?id=pl.enteam.aed_map"
-                            language={resolvedLanguage}
+                            language={language}
                         />
                     </Navbar.Item>
                     <Navbar.Item p={1} renderAs="div">
                         <ReactStoreBadges
                             platform="ios"
                             url="https://apps.apple.com/app/mapa-aed/id1638495701"
-                            language={resolvedLanguage}
+                            language={language}
                         />
                     </Navbar.Item>
                     <Navbar.Item className="is-hidden-desktop" textColor="white" renderAs="div" pl={0} pr={0}>
diff --git a/src/components/sidebar/defibrillatorEditor.tsx b/src/components/sidebar/defibrillatorEditor.tsx
index aa09da6..5fb7c1b 100644
--- a/src/components/sidebar/defibrillatorEditor.tsx
+++ b/src/components/sidebar/defibrillatorEditor.tsx
@@ -17,6 +17,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
     closeSidebar, marker, openChangesetId, setOpenChangesetId, data,
 }) => {
     const { t, i18n: { resolvedLanguage } } = useTranslation();
+    const language = resolvedLanguage ?? "en";
     const { authState: { auth }, setModalState } = useAppContext();
     const newAED = data === null;
     const initialTags = data !== null ? data.tags : { emergency: "defibrillator" };
@@ -24,7 +25,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
     const [indoor, setIndoor] = useState<string>(initialTags.indoor || "");
     const [level, setLevel] = useState<string>(initialTags.level || "");
     const [location, setLocation] = useState<string>(
-        initialTags[`defibrillator:location:${resolvedLanguage}`] || "",
+        initialTags[`defibrillator:location:${language}`] || "",
     );
     const [phoneNumber, setPhoneNumber] = useState<string>(initialTags.phone || initialTags["contact:phone"] || "");
     const todayDate = new Date().toISOString().substring(0, 10);
@@ -35,7 +36,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
         if (access.length > 0) tags.access = access;
         if (indoor.length > 0) tags.indoor = indoor;
         if (level.length > 0) tags.level = level.trim();
-        if (location.trim().length > 0) tags[`defibrillator:location:${resolvedLanguage}`] = location.trim();
+        if (location.trim().length > 0) tags[`defibrillator:location:${language}`] = location.trim();
         if (phoneNumber.trim().length > 0) tags.phone = phoneNumber.trim();
         if (checkDate.trim().length > 0) tags.check_date = checkDate.trim();
         return tags;
@@ -68,7 +69,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
                 lat: lngLat.lat,
                 tags,
             };
-            getOpenChangesetId(auth, openChangesetId, setOpenChangesetId, resolvedLanguage, newAED)
+            getOpenChangesetId(auth, openChangesetId, setOpenChangesetId, language, newAED)
                 .then((changesetId) => addDefibrillatorToOSM(auth, changesetId, newDefibrillatorData))
                 .then((newNodeId) => {
                     button.classList.remove("is-loading");
@@ -84,7 +85,7 @@ const DefibrillatorEditor: FC<DefibrillatorEditorProps> = ({
                 ...data,
                 tags,
             };
-            getOpenChangesetId(auth, openChangesetId, setOpenChangesetId, resolvedLanguage, newAED)
+            getOpenChangesetId(auth, openChangesetId, setOpenChangesetId, language, newAED)
                 .then((changesetId) => editDefibrillatorInOSM(auth, changesetId, defibrillatorData))
                 .then((newVersion) => {
                     button.classList.remove("is-loading");
diff --git a/src/components/sidebar/openingHours.tsx b/src/components/sidebar/openingHours.tsx
index 601dfda..e1d13f5 100644
--- a/src/components/sidebar/openingHours.tsx
+++ b/src/components/sidebar/openingHours.tsx
@@ -48,7 +48,7 @@ function parseOpeningHours(openingHours: string, nominatimStateData: NominatimSt
 
     try {
         const oh = new OpeningHours(openingHours, nominatimStateData, 2);
-        const config = getOpeningHoursConfig(i18n.resolvedLanguage);
+        const config = getOpeningHoursConfig(i18n.resolvedLanguage ?? "en");
         // @ts-ignore
         return oh.prettifyValue({ conf: config });
     } catch (error) {