UI: in edit mode, hitting <ESC> selects the pod (#448)

codepod-io · Aug 13, 2023 · ced3c7e · ced3c7e
1 parent cebad1c
commit ced3c7e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/ui/src/components/MyMonaco.tsx b/ui/src/components/MyMonaco.tsx
@@ -442,6 +442,7 @@ export const MyMonaco = memo<MyMonacoProps>(function MyMonaco({
   const provider = useStore(store, (state) => state.provider);
   const codeMap = useStore(store, (state) => state.getCodeMap());
 
+  const selectPod = useStore(store, (state) => state.selectPod);
   const resetSelection = useStore(store, (state) => state.resetSelection);
 
   // FIXME useCallback?
@@ -500,6 +501,7 @@ export const MyMonaco = memo<MyMonacoProps>(function MyMonaco({
           setPodBlur(id);
           setCursorNode(id);
           setFocusedEditor(undefined);
+          selectPod(id, true);
         }
       },
     });

diff --git a/ui/src/components/nodes/Rich.tsx b/ui/src/components/nodes/Rich.tsx
@@ -260,11 +260,13 @@ function HotkeyControl({ id }) {
   const setPodBlur = useStore(store, (state) => state.setPodBlur);
   const focusedEditor = useStore(store, (state) => state.focusedEditor);
   const setFocusedEditor = useStore(store, (state) => state.setFocusedEditor);
+  const selectPod = useStore(store, (state) => state.selectPod);
 
   useKeymap("Escape", () => {
     setPodBlur(id);
     setCursorNode(id);
     setFocusedEditor(undefined);
+    selectPod(id, true);
     return true;
   });
   const commands = useCommands();