From 831d4e7706156451188d0cb24e38b37c7548e135 Mon Sep 17 00:00:00 2001
From: Misode <misoloo64@gmail.com>
Date: Tue, 19 Nov 2024 04:51:24 +0100
Subject: [PATCH] Fix Ctrl+S for saving a file

---
 .../components/generator/SchemaGenerator.tsx   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/components/generator/SchemaGenerator.tsx b/src/app/components/generator/SchemaGenerator.tsx
index 300782da..a4cd64a5 100644
--- a/src/app/components/generator/SchemaGenerator.tsx
+++ b/src/app/components/generator/SchemaGenerator.tsx
@@ -152,6 +152,13 @@ export function SchemaGenerator({ gen, allowedVersions }: Props) {
 		await service?.redoEdit(uri)
 	}
 
+	const saveFile = useCallback((method: Method) => {
+		if (!docAndNode) {
+			return
+		}
+		showModal(() => <FileCreation gen={gen} docAndNode={docAndNode} method={method} />)
+	}, [showModal, gen, docAndNode])
+
 	useEffect(() => {
 		const onKeyDown = async (e: KeyboardEvent) => {
 			if (!service || !uri) {
@@ -176,7 +183,7 @@ export function SchemaGenerator({ gen, allowedVersions }: Props) {
 		return () => {
 			document.removeEventListener('keydown', onKeyDown)
 		}
-	}, [gen.id, service, uri])
+	}, [gen.id, service, uri, saveFile])
 
 	const { value: presets } = useAsync(async () => {
 		const registries = await fetchRegistries(version)
@@ -315,13 +322,6 @@ export function SchemaGenerator({ gen, allowedVersions }: Props) {
 		setProjectShown(!projectShown)
 	}, [projectShown])
 
-	const saveFile = useCallback((method: Method) => {
-		if (!docAndNode) {
-			return
-		}
-		showModal(() => <FileCreation gen={gen} docAndNode={docAndNode} method={method} />)
-	}, [showModal, gen, docAndNode])
-
 	const newEmptyFile = useCallback(async () => {
 		if (service) {
 			const unsavedUri = service.getUnsavedFileUri(gen)
@@ -330,7 +330,7 @@ export function SchemaGenerator({ gen, allowedVersions }: Props) {
 			await service.writeFile(unsavedUri, text)
 		}
 		setProjectUri(undefined)
-	}, [showModal])
+	}, [gen, service, showModal])
 
 	return <>
 		<main class={`${previewShown ? 'has-preview' : ''} ${projectShown ? 'has-project' : ''}`}>