From 05803c79b4e30de9d3d0b9b5f5c2a875d02cc719 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 25 Jun 2025 17:02:41 +0530
Subject: [PATCH] fix: make email template row clickable

---
 .../Settings/EmailTemplate/EmailTemplates.vue | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/Settings/EmailTemplate/EmailTemplates.vue b/frontend/src/components/Settings/EmailTemplate/EmailTemplates.vue
index 3a984eb3..a5d7f35b 100644
--- a/frontend/src/components/Settings/EmailTemplate/EmailTemplates.vue
+++ b/frontend/src/components/Settings/EmailTemplate/EmailTemplates.vue
@@ -79,14 +79,18 @@
           ]"
         />
       </div>
-      <div class="flex items-center p-2 text-sm border-b text-ink-gray-5">
+      <div class="flex items-center p-2 text-sm text-ink-gray-5">
         <div class="w-4/6">{{ __('Template name') }}</div>
         <div class="w-1/6">{{ __('For') }}</div>
         <div class="w-1/6">{{ __('Enabled') }}</div>
       </div>
-      <ul class="divide-y divide-outline-gray-modals overflow-y-auto">
-        <template v-for="template in templatesList" :key="template.name">
-          <li class="flex items-center justify-between px-2 py-3">
+      <div class="h-px border-t mx-2 border-outline-gray-1" />
+      <ul class="overflow-y-auto">
+        <template v-for="(template, i) in templatesList" :key="template.name">
+          <li
+            class="flex items-center justify-between px-2 py-3 cursor-pointer hover:bg-surface-gray-2 rounded"
+            @click="() => emit('updateStep', 'edit-template', { ...template })"
+          >
             <div class="flex flex-col w-4/6 pr-5">
               <div class="text-base font-medium text-ink-gray-7">
                 {{ template.name }}
@@ -103,6 +107,7 @@
                 size="sm"
                 v-model="template.enabled"
                 @update:model-value="toggleEmailTemplate(template)"
+                @click.stop
               />
               <Dropdown
                 :options="getDropdownOptions(template)"
@@ -115,9 +120,14 @@
                     confirmDelete = false
                   },
                 }"
+                @click.stop
               />
             </div>
           </li>
+          <div
+            v-if="templatesList.length !== i + 1"
+            class="h-px border-t mx-2 border-outline-gray-1"
+          />
         </template>
         <!-- Load More Button -->
         <div
@@ -209,16 +219,6 @@ function deleteTemplate(template) {
 
 function getDropdownOptions(template) {
   let options = [
-    {
-      label: __('Edit'),
-      component: (props) =>
-        TemplateOption({
-          option: __('Edit'),
-          icon: 'edit-2',
-          active: props.active,
-          onClick: () => emit('updateStep', 'edit-template', { ...template }),
-        }),
-    },
     {
       label: __('Duplicate'),
       component: (props) =>