diff --git a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx index fc8d7b6c95..527d18edf2 100644 --- a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx +++ b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx @@ -6,6 +6,7 @@ import { faFilm, faPaintbrush, faImage, + faPenNib, // faGem, } from "@fortawesome/pro-solid-svg-icons"; import { Button } from "@storyteller/ui-button"; @@ -71,6 +72,11 @@ const appMenuTabs: MenuIconItem[] = [ label: "Image to Video", icon: , }, + { + id: "EDIT", + label: "Edit Image", + icon: , + } ]; export const topNavMediaId = signal(""); diff --git a/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts b/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts index 3267c4c7ba..cd2c2d07d0 100644 --- a/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts +++ b/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts @@ -1,7 +1,7 @@ import { create } from 'zustand'; import { useSceneStore } from '../PageDraw/stores/SceneState'; -export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE'; +export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE' | 'EDIT'; interface TabState { // Current active tab @@ -23,7 +23,7 @@ export const useTabStore = create((set, get) => ({ setActiveTab: async (newTabId) => { const currentTabId = get().activeTabId; - + // Don't do anything if we're already on this tab if (currentTabId === newTabId) return true;