fix: changes based on refactored listview

frappe-ui

@@ -1 +1 @@
-Subproject commit a81806c302c5328be4d96e21352b843ed9c001c5
+Subproject commit 3c8e139993d1833fdb132a133c49e90e3cb182e5

frontend/src/pages/CallLogs.vue

@@ -19,19 +19,24 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({
+        name: 'Call Log',
+        params: { callLogId: row.name },
+      }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -211,7 +216,6 @@ const rows = computed(() => {
         label: dateFormat(callLog.creation, dateTooltipFormat),
         timeAgo: timeAgo(callLog.creation),
       },
-      route: { name: 'Call Log', params: { callLogId: callLog.name } },
     }
   })
 })

frontend/src/pages/Contacts.vue

@@ -36,13 +36,7 @@
       <Button icon="more-horizontal" />
     </div>
   </div>
-  <ListView
-    v-if="rows"
-    class="mt-0"
-    :columns="columns"
-    :rows="rows"
-    row-key="name"
-  />
+  <ListView class="mx-5" v-if="rows" :columns="columns" :rows="rows" row-key="name" />
 </template>
 
 <script setup>

frontend/src/pages/Deals.vue

@@ -35,19 +35,21 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({ name: 'Deal', params: { dealId: row.name } }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -259,7 +261,6 @@ const rows = computed(() => {
         label: dateFormat(lead.modified, dateTooltipFormat),
         timeAgo: timeAgo(lead.modified),
       },
-      route: { name: 'Deal', params: { dealId: lead.name } },
     }
   })
 })

frontend/src/pages/Leads.vue

@@ -34,19 +34,21 @@
   </div>
   <ListView
     v-if="rows"
-    class="mt-0"
     :columns="columns"
     :rows="rows"
+    :options="{
+      getRowRoute: (row) => ({ name: 'Lead', params: { leadId: row.name } }),
+    }"
     row-key="name"
   >
-    <ListHeader />
+    <ListHeader class="mx-5" />
     <ListRows>
       <ListRow
-        v-for="(row, i) in rows"
+        class="mx-5"
+        v-for="row in rows"
         :key="row.name"
         v-slot="{ column, item }"
         :row="row"
-        :idx="i"
       >
         <ListRowItem :item="item">
           <template #prefix>
@@ -271,7 +273,6 @@ const rows = computed(() => {
         label: dateFormat(lead.modified, dateTooltipFormat),
         timeAgo: timeAgo(lead.modified),
       },
-      route: { name: 'Lead', params: { leadId: lead.name } },
     }
   })
 })