From 59a5f5f5d03bd30f60ef2e716cdb0bfd3785d0e5 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Wed, 9 Oct 2024 20:35:17 -0400
Subject: [PATCH] Add help menu on command menu bar (#1197)

* Add help menu on command menu bar

* nit
---
 src/components/topbar/CommandMenubar.vue |  7 ++++++-
 src/stores/menuItemStore.ts              | 21 +++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/components/topbar/CommandMenubar.vue b/src/components/topbar/CommandMenubar.vue
index cfa79486e..2e2913c0f 100644
--- a/src/components/topbar/CommandMenubar.vue
+++ b/src/components/topbar/CommandMenubar.vue
@@ -9,7 +9,12 @@
     }"
   >
     <template #item="{ item, props }">
-      <a class="p-menubar-item-link" v-bind="props.action">
+      <a
+        class="p-menubar-item-link"
+        v-bind="props.action"
+        :href="item.url"
+        target="_blank"
+      >
         <span v-if="item.icon" class="p-menubar-item-icon" :class="item.icon" />
         <span class="p-menubar-item-label">{{ item.label }}</span>
         <span
diff --git a/src/stores/menuItemStore.ts b/src/stores/menuItemStore.ts
index 50a0d6cb4..6fdbe59e5 100644
--- a/src/stores/menuItemStore.ts
+++ b/src/stores/menuItemStore.ts
@@ -98,6 +98,27 @@ export const useMenuItemStore = defineStore('menuItem', () => {
   registerCommands(['Edit'], ['Comfy.ClearWorkflow'])
   registerCommands(['Edit'], ['Comfy.OpenClipspace'])
 
+  registerMenuGroup(
+    ['Help'],
+    [
+      {
+        icon: 'pi pi-github',
+        label: 'ComfyUI Issues',
+        url: 'https://github.com/comfyanonymous/ComfyUI/issues'
+      },
+      {
+        icon: 'pi pi-info-circle',
+        label: 'ComfyUI Docs',
+        url: 'https://docs.comfy.org/'
+      },
+      {
+        icon: 'pi pi-discord',
+        label: 'Comfy-Org',
+        url: 'https://www.comfy.org/discord'
+      }
+    ]
+  )
+
   return {
     menuItems,
     registerMenuGroup,