Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reset should disable select and edit mode

Browse Source
This commit is contained in:
Abi Raja 2024-05-31 18:27:47 -04:00
parent a7c905a301
commit 3fbb8f074a
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/App.tsx
View File

@ -41,6 +41,7 @@ import { extractHtml } from "./components/preview/extractHtml";
import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator"; import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator";
import TipLink from "./components/core/TipLink"; import TipLink from "./components/core/TipLink";
import SelectAndEditModeToggleButton from "./components/select-and-edit/SelectAndEditModeToggleButton"; import SelectAndEditModeToggleButton from "./components/select-and-edit/SelectAndEditModeToggleButton";
import { useAppStore } from "./store/app-store";
const IS_OPENAI_DOWN = false; const IS_OPENAI_DOWN = false;
@ -55,6 +56,8 @@ function App() {
const [updateInstruction, setUpdateInstruction] = useState(""); const [updateInstruction, setUpdateInstruction] = useState("");
const [isImportedFromCode, setIsImportedFromCode] = useState<boolean>(false); const [isImportedFromCode, setIsImportedFromCode] = useState<boolean>(false);
const { disableInSelectAndEditMode } = useAppStore();
// Settings // Settings
const [settings, setSettings] = usePersistedState<Settings>( const [settings, setSettings] = usePersistedState<Settings>(
{ {
@ -153,6 +156,7 @@ function App() {
setAppHistory([]); setAppHistory([]);
setCurrentVersion(null); setCurrentVersion(null);
setShouldIncludeResultImage(false); setShouldIncludeResultImage(false);
disableInSelectAndEditMode();
}; };
const regenerate = () => { const regenerate = () => {

2
frontend/src/store/app-store.ts
View File

@ -5,6 +5,7 @@ interface AppStore {
inSelectAndEditMode: boolean; inSelectAndEditMode: boolean;
inputMode: "image" | "video"; inputMode: "image" | "video";
toggleInSelectAndEditMode: () => void; toggleInSelectAndEditMode: () => void;
disableInSelectAndEditMode: () => void;
} }
export const useAppStore = create<AppStore>((set) => ({ export const useAppStore = create<AppStore>((set) => ({
@ -12,4 +13,5 @@ export const useAppStore = create<AppStore>((set) => ({
inSelectAndEditMode: false, inSelectAndEditMode: false,
toggleInSelectAndEditMode: () => toggleInSelectAndEditMode: () =>
set((state) => ({ inSelectAndEditMode: !state.inSelectAndEditMode })), set((state) => ({ inSelectAndEditMode: !state.inSelectAndEditMode })),
disableInSelectAndEditMode: () => set({ inSelectAndEditMode: false }),
})); }));