diff --git a/app/story/[storySlug]/story-editor-client.tsx b/app/story/[storySlug]/story-editor-client.tsx index 0cdf86f..582e796 100644 --- a/app/story/[storySlug]/story-editor-client.tsx +++ b/app/story/[storySlug]/story-editor-client.tsx @@ -143,19 +143,25 @@ export function StoryEditorClient() { return; } - if (e.key === "ArrowRight") { - setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev)); - } else if (e.key === "ArrowLeft") { - setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev)); - } else if (e.key === "ArrowUp") { - setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev)); - } else if (e.key === "ArrowDown") { - setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev)); - } else if (e.key === "i" || e.key === "I") { - setShowInfoSheet(true); - } else if (e.key === "c" || e.key === "C") { - handleAddPage(); - } + if (e.key === "ArrowRight") { + e.preventDefault(); + setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev)); + } else if (e.key === "ArrowLeft") { + e.preventDefault(); + setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev)); + } else if (e.key === "ArrowUp") { + e.preventDefault(); + setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev)); + } else if (e.key === "ArrowDown") { + e.preventDefault(); + setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev)); + } else if (e.key === "i" || e.key === "I") { + e.preventDefault(); + setShowInfoSheet(true); + } else if (e.key === "c" || e.key === "C") { + e.preventDefault(); + handleAddPage(); + } }; window.addEventListener("keydown", handleKeyDown); @@ -349,10 +355,6 @@ export function StoryEditorClient() { const handleApiKeySubmit = (key: string) => { setApiKey(key); setShowApiModal(false); - const wasGenerating = showGenerateModal; - if (wasGenerating) { - setShowGenerateModal(true); - } }; const handleGeneratePage = async (data: {