Add hr/sv

packages/app/src/IntlProvider.tsx

@@ -14,6 +14,8 @@ import arMessages from "translations/ar_SA.json";
 import itMessages from "translations/it_IT.json";
 import deMessages from "translations/de_DE.json";
 import ruMessages from "translations/ru_RU.json";
+import svMessages from "translations/sv_SE.json";
+import hrMessages from "translations/hr_HR.json";
 
 const DefaultLocale = "en-US";
 
@@ -55,6 +57,12 @@ const getMessages = (locale: string) => {
       case "ru-RU":
       case "ru":
         return ruMessages;
+      case "sv-SE":
+      case "sv":
+        return svMessages;
+      case "hr-HR":
+      case "hr":
+        return hrMessages;
       case DefaultLocale:
       case "en":
         return enMessages;

packages/app/src/Pages/settings/Preferences.tsx

@@ -40,13 +40,15 @@ const PreferencesPage = () => {
               )
             }
             style={{ textTransform: "capitalize" }}>
-            {["en", "ja", "es", "hu", "zh-CN", "zh-TW", "fr", "ar", "it", "id", "de", "ru"].sort().map(a => (
+            {["en", "ja", "es", "hu", "zh-CN", "zh-TW", "fr", "ar", "it", "id", "de", "ru", "sv", "hr"]
-              <option value={a}>
+              .sort()
-                {new Intl.DisplayNames([a], {
+              .map(a => (
-                  type: "language",
+                <option value={a}>
-                }).of(a)}
+                  {new Intl.DisplayNames([a], {
-              </option>
+                    type: "language",
-            ))}
+                  }).of(a)}
+                </option>
+              ))}
           </select>
         </div>
       </div>