From 4d3208d1a1a934add78f60a47d2d7bc9aa4083b6 Mon Sep 17 00:00:00 2001
From: leccelecce <24962424+leccelecce@users.noreply.github.com>
Date: Mon, 24 Mar 2025 14:36:58 +0000
Subject: [PATCH] Add i18n, format

---
 web/public/locales/en/views/settings.json     |  2 ++
 .../settings/FrigatePlusSettingsView.tsx      | 30 ++++++++++++-------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json
index 6810a681b..d642c12e6 100644
--- a/web/public/locales/en/views/settings.json
+++ b/web/public/locales/en/views/settings.json
@@ -544,10 +544,12 @@
       "trainDate": "Train Date",
       "baseModel": "Base Model",
       "supportedDetectors": "Supported Detectors",
+      "dimensions": "Dimensions",
       "cameras": "Cameras",
       "loading": "Loading model information...",
       "error": "Failed to load model information",
       "availableModels": "Available Models",
+      "loadingAvailableModels": "Loading available models...",
       "modelSelect": "Your available models on Frigate+ can be selected here. Note that only models compatible with your current detector configuration can be selected."
     },
     "toast": {
diff --git a/web/src/views/settings/FrigatePlusSettingsView.tsx b/web/src/views/settings/FrigatePlusSettingsView.tsx
index d1a0ec5ec..2d89a8d76 100644
--- a/web/src/views/settings/FrigatePlusSettingsView.tsx
+++ b/web/src/views/settings/FrigatePlusSettingsView.tsx
@@ -331,16 +331,21 @@ export default function FrigatePlusSettingsView({
                             <SelectTrigger>
                               {frigatePlusSettings.model.id &&
                               availableModels?.[frigatePlusSettings.model.id]
-                                ? (new Date(
+                                ? new Date(
                                     availableModels[
                                       frigatePlusSettings.model.id
                                     ].trainDate,
-                                  ).toLocaleString() + " (" + availableModels[
-                                      frigatePlusSettings.model.id
-                                    ].width + "x" + availableModels[
-                                      frigatePlusSettings.model.id
-                                    ].height) + ")"
-                               : "Retrieving models..."}
+                                  ).toLocaleString() +
+                                  " (" +
+                                  availableModels[frigatePlusSettings.model.id]
+                                    .width +
+                                  "x" +
+                                  availableModels[frigatePlusSettings.model.id]
+                                    .height +
+                                  ")"
+                                : t(
+                                    "frigatePlus.modelInfo.loadingAvailableModels",
+                                  )}
                             </SelectTrigger>
                             <SelectContent>
                               <SelectGroup>
@@ -363,11 +368,16 @@ export default function FrigatePlusSettingsView({
                                       ).toLocaleString()}{" "}
                                       ({model.baseModel})
                                       <div>
-                                        Supported Detectors: ({model.supportedDetectors.join(", ")})
+                                        {t(
+                                          "frigatePlus.modelInfo.supportedDetectors",
+                                        )}
+                                        : ({model.supportedDetectors.join(", ")}
+                                        )
                                       </div>
                                       <div>
-                                        Dimensions ({model.width + "x" + model.height})
-                                      </div>                                      
+                                        {t("frigatePlus.modelInfo.dimensions")}{" "}
+                                        ({model.width + "x" + model.height})
+                                      </div>
                                       <div className="text-xs text-muted-foreground">
                                         {id}
                                       </div>