diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 77785db..ac76ede 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -41,6 +41,7 @@ import { extractHtml } from "./components/preview/extractHtml"; import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator"; import TipLink from "./components/core/TipLink"; import SelectAndEditModeToggleButton from "./components/select-and-edit/SelectAndEditModeToggleButton"; +import { useAppStore } from "./store/app-store"; const IS_OPENAI_DOWN = false; @@ -55,6 +56,8 @@ function App() { const [updateInstruction, setUpdateInstruction] = useState(""); const [isImportedFromCode, setIsImportedFromCode] = useState(false); + const { disableInSelectAndEditMode } = useAppStore(); + // Settings const [settings, setSettings] = usePersistedState( { @@ -153,6 +156,7 @@ function App() { setAppHistory([]); setCurrentVersion(null); setShouldIncludeResultImage(false); + disableInSelectAndEditMode(); }; const regenerate = () => { diff --git a/frontend/src/store/app-store.ts b/frontend/src/store/app-store.ts index 26b7994..2b52513 100644 --- a/frontend/src/store/app-store.ts +++ b/frontend/src/store/app-store.ts @@ -5,6 +5,7 @@ interface AppStore { inSelectAndEditMode: boolean; inputMode: "image" | "video"; toggleInSelectAndEditMode: () => void; + disableInSelectAndEditMode: () => void; } export const useAppStore = create((set) => ({ @@ -12,4 +13,5 @@ export const useAppStore = create((set) => ({ inSelectAndEditMode: false, toggleInSelectAndEditMode: () => set((state) => ({ inSelectAndEditMode: !state.inSelectAndEditMode })), + disableInSelectAndEditMode: () => set({ inSelectAndEditMode: false }), }));