From 0f9322ea110b474a91d442518d7faa61b929774b Mon Sep 17 00:00:00 2001
From: Johnny <yourselfhosted@gmail.com>
Date: Tue, 23 Dec 2025 19:30:38 +0800
Subject: [PATCH] fix(MemoEditor): dispatch toggleFocusMode action properly

- Wrap actions.toggleFocusMode() with dispatch() call
- Create toggleFocusMode helper function for callbacks
- Fix focus mode not toggling due to action not being dispatched
---
 web/src/components/MemoEditor/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/components/MemoEditor/index.tsx b/web/src/components/MemoEditor/index.tsx
index a8fc922ba..cbf2ac18a 100644
--- a/web/src/components/MemoEditor/index.tsx
+++ b/web/src/components/MemoEditor/index.tsx
@@ -84,7 +84,7 @@ const MemoEditorImpl: React.FC<Props> = ({
   useFocusMode(state.ui.isFocusMode);
 
   // Keyboard shortcuts
-  useKeyboard(editorRef, { onSave: handleSave, onToggleFocusMode: actions.toggleFocusMode });
+  useKeyboard(editorRef, { onSave: handleSave, onToggleFocusMode: () => dispatch(actions.toggleFocusMode()) });
 
   async function handleSave() {
     const { valid, reason } = validationService.canSave(state);
@@ -122,9 +122,11 @@ const MemoEditorImpl: React.FC<Props> = ({
     }
   }
 
+  const toggleFocusMode = () => dispatch(actions.toggleFocusMode());
+
   return (
     <MemoEditorContext.Provider value={legacyContextValue}>
-      <FocusModeOverlay isActive={state.ui.isFocusMode} onToggle={actions.toggleFocusMode} />
+      <FocusModeOverlay isActive={state.ui.isFocusMode} onToggle={toggleFocusMode} />
 
       <div
         className={cn(
@@ -134,7 +136,7 @@ const MemoEditorImpl: React.FC<Props> = ({
           className,
         )}
       >
-        <FocusModeExitButton isActive={state.ui.isFocusMode} onToggle={actions.toggleFocusMode} title={t("editor.exit-focus-mode")} />
+        <FocusModeExitButton isActive={state.ui.isFocusMode} onToggle={toggleFocusMode} title={t("editor.exit-focus-mode")} />
         <EditorContent ref={editorRef} placeholder={placeholder} autoFocus={autoFocus} />
         <EditorMetadata />
         <EditorToolbar onSave={handleSave} onCancel={onCancel} />