From 7c1f1076b42e9472aea4f2c616a12b41807e5f35 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 3 May 2024 06:27:25 +1000
Subject: [PATCH] feat(ui): rename tabs

- "Text to Image" -> "Generation"
- "Unified Canvas" -> "Canvas"
- "Model Manager" -> "Models"
---
 invokeai/frontend/web/public/locales/en.json           |  9 +++++++++
 .../web/src/features/ui/components/InvokeTabs.tsx      | 10 +++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index cacb4dfbf4..0ad7432ca2 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -1557,5 +1557,14 @@
         "opacityFilter": "Opacity Filter",
         "clearProcessor": "Clear Processor",
         "resetProcessor": "Reset Processor to Defaults"
+    },
+    "ui": {
+        "tabs": {
+            "generation": "Generation",
+            "canvas": "Canvas",
+            "workflows": "Workflows",
+            "models": "Models",
+            "queue": "Queue"
+        }
     }
 }
diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index 6503ac0893..471046e188 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -46,31 +46,31 @@ type TabData = {
 const TAB_DATA: Record<InvokeTabName, TabData> = {
   txt2img: {
     id: 'txt2img',
-    translationKey: 'common.txt2img',
+    translationKey: 'ui.tabs.generation',
     icon: <RiInputMethodLine />,
     content: <TextToImageTab />,
   },
   unifiedCanvas: {
     id: 'unifiedCanvas',
-    translationKey: 'common.unifiedCanvas',
+    translationKey: 'ui.tabs.canvas',
     icon: <RiBrushLine />,
     content: <UnifiedCanvasTab />,
   },
   nodes: {
     id: 'nodes',
-    translationKey: 'common.nodes',
+    translationKey: 'ui.tabs.workflows',
     icon: <PiFlowArrowBold />,
     content: <NodesTab />,
   },
   modelManager: {
     id: 'modelManager',
-    translationKey: 'modelManager.modelManager',
+    translationKey: 'ui.tabs.models',
     icon: <RiBox2Line />,
     content: <ModelManagerTab />,
   },
   queue: {
     id: 'queue',
-    translationKey: 'queue.queue',
+    translationKey: 'ui.tabs.queue',
     icon: <RiPlayList2Fill />,
     content: <QueueTab />,
   },