feat: keyboard shortcuts for primary actions (#2030)

2022-11-18 09:01:48 -06:00
parent 0309912f98
commit f49ba6bd4d
67 changed files with 1296 additions and 555 deletions
--- a/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx
@@ -26,9 +26,16 @@ type Props = {
  focusPreviousItem: () => void
  focusedId: string | undefined
  setFocusedId: (id: string) => void
+  hoverLabel?: string
 }

-const ItemLinkAutocompleteInput = ({ linkingController, focusPreviousItem, focusedId, setFocusedId }: Props) => {
+const ItemLinkAutocompleteInput = ({
+  linkingController,
+  focusPreviousItem,
+  focusedId,
+  setFocusedId,
+  hoverLabel,
+}: Props) => {
  const application = useApplication()
  const { tags, linkItemToSelectedItem, createAndAddNewTag, isEntitledToNoteLinking, activeItem } = linkingController

@@ -128,6 +135,8 @@ const ItemLinkAutocompleteInput = ({ linkingController, focusPreviousItem, focus
            onKeyDown={onKeyDown}
            id={ElementIds.ItemLinkAutocompleteInput}
            autoComplete="off"
+            title={hoverLabel}
+            aria-label={hoverLabel}
          />
          {areSearchResultsVisible && (
            <DisclosurePanel