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}