From b803d6578d351a8dfc4da2bd730bc87dfca4ba3d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 26 Jun 2024 20:16:31 +0530
Subject: [PATCH] fix: renamed slot names

---
 frontend/src/components/Kanban/KanbanView.vue | 6 +++---
 frontend/src/pages/Deals.vue                  | 4 ++--
 frontend/src/pages/Leads.vue                  | 4 ++--
 frontend/src/pages/Tasks.vue                  | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Kanban/KanbanView.vue b/frontend/src/components/Kanban/KanbanView.vue
index 368a569a..16cb8a20 100644
--- a/frontend/src/components/Kanban/KanbanView.vue
+++ b/frontend/src/components/Kanban/KanbanView.vue
@@ -86,7 +86,7 @@
               }"
             >
               <slot
-                name="item-title"
+                name="title"
                 v-bind="{ fields, titleField, itemName: fields.name }"
               >
                 <div class="h-5 flex items-center">
@@ -99,7 +99,7 @@
               <div class="flex flex-col gap-3.5">
                 <template v-for="value in column.fields" :key="value">
                   <slot
-                    name="item-fields"
+                    name="fields"
                     v-bind="{
                       fields,
                       fieldName: value,
@@ -113,7 +113,7 @@
                 </template>
               </div>
               <div class="border-b h-px mt-2.5 mb-2" />
-              <slot name="item-actions">
+              <slot name="actions" v-bind="{ itemName: fields.name }">
                 <div class="flex gap-2 items-center justify-between">
                   <div></div>
                   <Button icon="plus" variant="ghost" @click.stop.prevent />
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 268888be..a0b99adb 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -37,7 +37,7 @@
     }"
     @update="(data) => viewControls.updateKanbanSettings(data)"
   >
-    <template #item-title="{ titleField, itemName }">
+    <template #title="{ titleField, itemName }">
       <div class="flex gap-2 items-center">
         <div v-if="titleField === 'status'">
           <IndicatorIcon :class="getRow(itemName, titleField).color" />
@@ -102,7 +102,7 @@
       </div>
     </template>
 
-    <template #item-fields="{ fieldName, itemName }">
+    <template #fields="{ fieldName, itemName }">
       <div
         v-if="getRow(itemName, fieldName).label"
         class="truncate flex items-center gap-2"
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index 68a0b728..94e30a7d 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -38,7 +38,7 @@
     }"
     @update="(data) => viewControls.updateKanbanSettings(data)"
   >
-    <template #item-title="{ titleField, itemName }">
+    <template #title="{ titleField, itemName }">
       <div class="flex items-center gap-2">
         <div v-if="titleField === 'status'">
           <IndicatorIcon :class="getRow(itemName, titleField).color" />
@@ -117,7 +117,7 @@
         <div class="text-gray-500" v-else>{{ __('No Title') }}</div>
       </div>
     </template>
-    <template #item-fields="{ fieldName, itemName }">
+    <template #fields="{ fieldName, itemName }">
       <div
         v-if="getRow(itemName, fieldName).label"
         class="truncate flex items-center gap-2"
diff --git a/frontend/src/pages/Tasks.vue b/frontend/src/pages/Tasks.vue
index e93b1a6a..04e91e76 100644
--- a/frontend/src/pages/Tasks.vue
+++ b/frontend/src/pages/Tasks.vue
@@ -33,7 +33,7 @@
     }"
     @update="(data) => viewControls.updateKanbanSettings(data)"
   >
-    <template #item-title="{ titleField, itemName }">
+    <template #title="{ titleField, itemName }">
       <div class="flex items-center gap-2">
         <div v-if="titleField === 'status'">
           <TaskStatusIcon :status="getRow(itemName, titleField).label" />
@@ -67,7 +67,7 @@
         <div class="text-gray-500" v-else>{{ __('No Title') }}</div>
       </div>
     </template>
-    <template #item-fields="{ fieldName, itemName }">
+    <template #fields="{ fieldName, itemName }">
       <div
         v-if="getRow(itemName, fieldName).label"
         class="truncate flex items-center gap-2"