From: Adam Dullage <redacted>
Date: Thu, 9 May 2024 20:14:17 +0000 (+0100)
Subject: Add keyboard shortcut hint to search menu option
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=c8a9a6c342debb4a42b3c8768aa889cf846bd773;p=flatnotes.git

Add keyboard shortcut hint to search menu option
---

diff --git a/client/components/PrimeMenu.vue b/client/components/PrimeMenu.vue
index f879e0e..f5895c3 100644
--- a/client/components/PrimeMenu.vue
+++ b/client/components/PrimeMenu.vue
@@ -1,11 +1,14 @@
 <template>
   <Menu ref="menu" :pt="style">
     <template #item="{ item, props }">
-      <IconLabel
-        :iconPath="item.icon"
-        :label="item.label"
-        v-bind="props.action"
-      />
+      <div class="flex items-center justify-between" v-bind="props.action">
+        <IconLabel :iconPath="item.icon" :label="item.label" />
+        <span
+          v-if="item.keyboardShortcut"
+          class="ml-4 rounded bg-theme-background-elevated px-3 py-1 text-xs"
+          >{{ item.keyboardShortcut }}</span
+        >
+      </div>
     </template>
   </Menu>
 </template>
@@ -24,8 +27,7 @@ const style = {
       "text-theme-text-muted rounded px-2 py-1",
       "hover:bg-theme-background-elevated hover:cursor-pointer",
       {
-        "bg-theme-background-elevated":
-          context.focused,
+        "bg-theme-background-elevated": context.focused,
       },
     ],
   }),
diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 1769651..1d2ccdd 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -50,6 +50,7 @@ const menuItems = [
     label: "Search",
     icon: mdilMagnify,
     command: () => emit("toggleSearchModal"),
+    keyboardShortcut: "/",
   },
   {
     label: "All Notes",