diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index c618997f03..9eb99afa3e 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -41,6 +41,7 @@ import UnifiedCanvasTab from './tabs/UnifiedCanvas/UnifiedCanvasTab';
export interface InvokeTabInfo {
id: InvokeTabName;
+ translationKey: string;
icon: ReactNode;
content: ReactNode;
}
@@ -48,26 +49,31 @@ export interface InvokeTabInfo {
const tabs: InvokeTabInfo[] = [
{
id: 'txt2img',
+ translationKey: 'common.txt2img',
icon: ,
content: ,
},
{
id: 'img2img',
+ translationKey: 'common.img2img',
icon: ,
content: ,
},
{
id: 'unifiedCanvas',
+ translationKey: 'common.unifiedCanvas',
icon: ,
content: ,
},
{
id: 'nodes',
+ translationKey: 'common.nodes',
icon: ,
content: ,
},
{
id: 'modelManager',
+ translationKey: 'modelManager.modelManager',
icon: ,
content: ,
},
@@ -146,12 +152,12 @@ const InvokeTabs = () => {
- {String(t(`common.${tab.id}` as ResourceKey))}
+ {String(t(tab.translationKey as ResourceKey))}
{tab.icon}