nit re #10541, use more i18n'able header string

archesproject · Apr 25, 2024 · 7255261 · 7255261
1 parent 955508c
commit 7255261
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/arches/app/src/components/ControlledListManager/ListHeader.vue b/arches/app/src/components/ControlledListManager/ListHeader.vue
@@ -8,18 +8,29 @@ const { $gettext } = useGettext();
 const slateBlue = "#2d3c4b"; // todo: import from theme somewhere
 
 const props: {
-    displayedList: ControlledList;
+    displayedList: ControlledList | null;
     isItemEditor: boolean;
 } = defineProps([
     "displayedList",
     "isItemEditor",
 ]);
 
 const heading = computed(() => {
-    const prefix = props.isItemEditor ? $gettext("List Item Editor") : $gettext("List Editor");
-    return (
-        prefix + (props.displayedList ? " > " + props.displayedList.name : "")
-    );
+    if (props.isItemEditor) {
+        return $gettext(
+            "List Item Editor > %{itemName}",
+            { itemName: props.displayedList!.name },
+        );
+    } else {
+        if (props.displayedList) {
+            return $gettext(
+                "List Editor > %{listName}",
+                { listName: props.displayedList.name},
+            );
+        } else {
+            return $gettext("List Editor");
+        }
+    }
 });
 </script>