Edit on enter

Author: RoyEJohnson

src/app/content/highlights/components/CardWrapper.tsx

@@ -144,6 +144,13 @@ function useFocusedHighlight(
     }
   }, [focusedHighlight, document, dblclickStamp]);
 
+  // Let Enter go from a highlight to the editor
+  const editOnEnter = React.useCallback(() => {
+    if (focusedHighlight) {
+      setShouldFocusCard(true);
+    }
+  }, [focusedHighlight]);
+
   // This function is triggered by keyboard shortcut defined in useKeyCombination(...)
   // It moves focus between Card component and highlight in the content.
   const moveFocus = React.useCallback(({target}: KeyboardEvent) => {
@@ -156,6 +163,7 @@ function useFocusedHighlight(
     setShouldFocusCard(!cardIsFocused);
   }, [element, focusedHighlight]);
 
+  useKeyCombination({key: 'Enter'}, editOnEnter);
   useKeyCombination(highlightKeyCombination, moveFocus, noopKeyCombinationHandler([container, element]));
   // Clear shouldFocusCard when focus is lost from the CardWrapper.
   // If we don't do this then card related for the focused highlight will be focused automatically.