context

web/packages/base/locales/en-US/translation.json

@@ -478,7 +478,7 @@
     "ROOT_LEVEL_FILE_WITH_FOLDER_NOT_ALLOWED_MESSAGE": "<p>You have dragged and dropped a mixture of files and folders.</p><p>Please provide either only files, or only folders when selecting option to create separate albums</p>",
     "CHOSE_THEME": "Choose theme",
     "more_details": "More details",
-    "ml_search": "Face and magic search",
+    "face_and_magic_search": "Face and magic search",
     "ml_search_description": "Ente supports on-device machine learning for face recognition, magic search and other advanced search features",
     "ml_search_footnote": "Magic search allows to search photos by their contents, e.g. 'car', 'red car', 'Ferrari'",
     "indexing": "Indexing",

web/packages/new/photos/components/MLSettings.tsx

@@ -1,7 +1,6 @@
 import { EnteDrawer } from "@/base/components/EnteDrawer";
 import { MenuItemGroup } from "@/base/components/Menu";
 import { Titlebar } from "@/base/components/Titlebar";
-import { pt } from "@/base/i18n";
 import log from "@/base/log";
 import {
     disableML,
@@ -301,14 +300,14 @@ const ManageML: React.FC<ManageMLProps> = ({
     let status: string;
     switch (phase) {
         case "indexing":
-            status = pt("Running");
+            status = t("running");
             break;
         case "scheduled":
-            status = pt("Scheduled");
+            status = t("scheduled");
             break;
         // TODO: Clustering
         default:
-            status = pt("Done");
+            status = t("done");
             break;
     }
     const processed = `${nSyncedFiles} / ${nTotalFiles}`;
@@ -352,7 +351,9 @@ const ManageML: React.FC<ManageMLProps> = ({
                         <Typography color="text.faint">
                             {t("indexing")}
                         </Typography>
-                        <Typography>{status}</Typography>
+                        <Typography>
+                            {t("indexing_status", { context: status })}
+                        </Typography>
                     </Stack>
                     <Divider sx={{ marginInlineStart: 2 }} />
                     <Stack