From 8350752f56639f3b31a00c59876de26ca1ac03c2 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 18 Aug 2025 17:35:19 +0530
Subject: [PATCH] feat: add Helpdesk icon and settings page

---
 frontend/components.d.ts                      |  2 ++
 frontend/src/components/Icons/ERPNextIcon.vue | 33 ++++++++-----------
 .../src/components/Icons/HelpdeskIcon.vue     | 15 +++++++++
 .../components/Settings/HelpdeskSettings.vue  | 11 +++++++
 frontend/src/components/Settings/Settings.vue |  8 +++++
 5 files changed, 50 insertions(+), 19 deletions(-)
 create mode 100644 frontend/src/components/Icons/HelpdeskIcon.vue
 create mode 100644 frontend/src/components/Settings/HelpdeskSettings.vue

diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 8b1b706a..4eccf1af 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -142,6 +142,8 @@ declare module 'vue' {
     GroupBy: typeof import('./src/components/GroupBy.vue')['default']
     GroupByIcon: typeof import('./src/components/Icons/GroupByIcon.vue')['default']
     HeartIcon: typeof import('./src/components/Icons/HeartIcon.vue')['default']
+    HelpdeskIcon: typeof import('./src/components/Icons/HelpdeskIcon.vue')['default']
+    HelpdeskSettings: typeof import('./src/components/Settings/HelpdeskSettings.vue')['default']
     HelpIcon: typeof import('./src/components/Icons/HelpIcon.vue')['default']
     HomeActions: typeof import('./src/components/Settings/General/HomeActions.vue')['default']
     Icon: typeof import('./src/components/Icon.vue')['default']
diff --git a/frontend/src/components/Icons/ERPNextIcon.vue b/frontend/src/components/Icons/ERPNextIcon.vue
index e512b92d..5c5ade8a 100644
--- a/frontend/src/components/Icons/ERPNextIcon.vue
+++ b/frontend/src/components/Icons/ERPNextIcon.vue
@@ -1,20 +1,15 @@
 <template>
-    <svg
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M1 5C1 2.79086 2.79086 1 5 1H13C15.2091 1 17 2.79086 17 5V13C17 15.2091 15.2091 17 13 17H5C2.79086 17 1 15.2091 1 13V5Z"
-        stroke="currentColor"
-      />
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M11.7819 6.27142H11.5136H8.02453H6.28001V4.84002H11.7819V6.27142ZM8.02451 9.62623V11.5944H11.8267V13.0258H6.27999V8.19484H8.02451H11.5135V9.62623H8.02451Z"
-        fill="currentColor"
-      />
-    </svg>
-  </template>
\ No newline at end of file
+  <svg
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M11.6611 8.2289V9.77773H7.88672V11.9066H11.999V13.4545H6V8.2289H11.6611ZM11.9512 4.6V6.14883H6V4.6H11.9512Z"
+      fill="currentColor"
+    />
+    <rect x="1.5" y="1.5" width="15" height="15" rx="3.5" stroke="currentColor" />
+  </svg>
+</template>
diff --git a/frontend/src/components/Icons/HelpdeskIcon.vue b/frontend/src/components/Icons/HelpdeskIcon.vue
new file mode 100644
index 00000000..1e4507d3
--- /dev/null
+++ b/frontend/src/components/Icons/HelpdeskIcon.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect x="1.5" y="1.5" width="15" height="15" rx="3.5" stroke="currentColor" />
+    <path
+      d="M13.7928 8.0619V5H4.29999V6.39494H12.3621V7.72014C11.787 7.88056 11.37 8.39669 11.37 9.00349C11.37 9.61029 11.787 10.1194 12.3621 10.2799V11.6051L5.79999 11.6051V7.96425H4.29999V13H13.8V9.9381L12.9444 9.34525V8.66173L13.8 8.06888L13.7928 8.0619Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/frontend/src/components/Settings/HelpdeskSettings.vue b/frontend/src/components/Settings/HelpdeskSettings.vue
new file mode 100644
index 00000000..d617388e
--- /dev/null
+++ b/frontend/src/components/Settings/HelpdeskSettings.vue
@@ -0,0 +1,11 @@
+<template>
+  <SettingsPage
+    doctype="Helpdesk CRM Settings"
+    :title="__('Helpdesk settings')"
+    :successMessage="__('Helpdesk settings updated')"
+    class="p-8"
+  />
+</template>
+<script setup>
+import SettingsPage from '@/components/Settings/SettingsPage.vue'
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/Settings/Settings.vue b/frontend/src/components/Settings/Settings.vue
index ed5d4a15..4b1f9b90 100644
--- a/frontend/src/components/Settings/Settings.vue
+++ b/frontend/src/components/Settings/Settings.vue
@@ -43,6 +43,7 @@
 <script setup>
 import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue'
 import ERPNextIcon from '@/components/Icons/ERPNextIcon.vue'
+import HelpdeskIcon from '@/components/Icons/HelpdeskIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import EmailTemplateIcon from '@/components/Icons/EmailTemplateIcon.vue'
@@ -52,6 +53,7 @@ import InviteUserPage from '@/components/Settings/InviteUserPage.vue'
 import ProfileSettings from '@/components/Settings/ProfileSettings.vue'
 import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue'
 import ERPNextSettings from '@/components/Settings/ERPNextSettings.vue'
+import HelpdeskSettings from '@/components/Settings/HelpdeskSettings.vue'
 import EmailTemplatePage from '@/components/Settings/EmailTemplate/EmailTemplatePage.vue'
 import TelephonySettings from '@/components/Settings/TelephonySettings.vue'
 import EmailConfig from '@/components/Settings/EmailConfig.vue'
@@ -137,6 +139,12 @@ const tabs = computed(() => {
           component: markRaw(ERPNextSettings),
           condition: () => isManager(),
         },
+        {
+          label: __('Helpdesk'),
+          icon: HelpdeskIcon,
+          component: markRaw(HelpdeskSettings),
+          condition: () => isManager(),
+        },
       ],
       condition: () => isManager() || isTelephonyAgent(),
     },