From a3abaa57ecaeee0f41d12f332289987703a550bb Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 16 Sep 2025 17:20:50 +0530
Subject: [PATCH] refactor: HomeActions component

(cherry picked from commit a6ecc5cfeda51781286d013cf3a738b8a3adfdc5)
---
 frontend/components.d.ts                      |  2 +-
 .../src/components/Settings/BrandSettings.vue |  2 +-
 .../Settings/{General => }/HomeActions.vue    | 20 +++++++++----------
 3 files changed, 11 insertions(+), 13 deletions(-)
 rename frontend/src/components/Settings/{General => }/HomeActions.vue (66%)

diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 54f39ef6..05e4592a 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -142,7 +142,7 @@ declare module 'vue' {
     GroupByIcon: typeof import('./src/components/Icons/GroupByIcon.vue')['default']
     HeartIcon: typeof import('./src/components/Icons/HeartIcon.vue')['default']
     HelpIcon: typeof import('./src/components/Icons/HelpIcon.vue')['default']
-    HomeActions: typeof import('./src/components/Settings/General/HomeActions.vue')['default']
+    HomeActions: typeof import('./src/components/Settings/HomeActions.vue')['default']
     Icon: typeof import('./src/components/Icon.vue')['default']
     IconPicker: typeof import('./src/components/IconPicker.vue')['default']
     ImageUploader: typeof import('./src/components/Controls/ImageUploader.vue')['default']
diff --git a/frontend/src/components/Settings/BrandSettings.vue b/frontend/src/components/Settings/BrandSettings.vue
index 35fef496..b5f4ad76 100644
--- a/frontend/src/components/Settings/BrandSettings.vue
+++ b/frontend/src/components/Settings/BrandSettings.vue
@@ -7,7 +7,7 @@
           {{ __('Brand settings') }}
         </h2>
         <p class="text-p-base text-ink-gray-6">
-          {{ __('Configure brand settings for your CRM') }}
+          {{ __('Configure your brand name, logo, and favicon') }}
         </p>
       </div>
       <div class="flex item-center space-x-2 w-3/12 justify-end">
diff --git a/frontend/src/components/Settings/General/HomeActions.vue b/frontend/src/components/Settings/HomeActions.vue
similarity index 66%
rename from frontend/src/components/Settings/General/HomeActions.vue
rename to frontend/src/components/Settings/HomeActions.vue
index 72ecc3ea..58300069 100644
--- a/frontend/src/components/Settings/General/HomeActions.vue
+++ b/frontend/src/components/Settings/HomeActions.vue
@@ -1,16 +1,14 @@
 <template>
   <div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8">
     <!-- Header -->
-    <div class="flex justify-between">
-      <div class="flex gap-1 -ml-4 w-9/12">
-        <Button
-          variant="ghost"
-          icon-left="chevron-left"
-          :label="__('Home actions')"
-          size="md"
-          @click="() => emit('updateStep', 'general-settings')"
-          class="cursor-pointer hover:bg-transparent focus:bg-transparent focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:none active:bg-transparent active:outline-none active:ring-0 active:ring-offset-0 active:text-ink-gray-5 font-semibold text-xl hover:opacity-70 !pr-0 !max-w-96 !justify-start"
-        />
+    <div class="flex justify-between text-ink-gray-8">
+      <div class="flex flex-col gap-1">
+        <h2 class="flex gap-2 text-xl font-semibold leading-none h-5">
+          {{ __('Home actions') }}
+        </h2>
+        <p class="text-p-base text-ink-gray-6">
+          {{ __('Configure actions that appear on the home dropdown') }}
+        </p>
       </div>
       <div class="flex item-center space-x-2 w-3/12 justify-end">
         <Button
@@ -25,7 +23,7 @@
     </div>
 
     <!-- Fields -->
-    <div class="flex flex-1 flex-col gap-4 overflow-y-auto">
+    <div class="flex flex-1 flex-col overflow-y-auto">
       <Grid
         v-model="document.doc.dropdown_items"
         doctype="CRM Dropdown Item"