fix: handle Row clicks

frappe · Dec 7, 2024 · 06d985a · 06d985a
1 parent 54ae7eb
commit 06d985a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/desk/src/components/ListViewBuilder.vue b/desk/src/components/ListViewBuilder.vue
@@ -22,12 +22,12 @@
       class="flex-1"
       :columns="columns"
       :rows="rows"
-      row-key="email"
+      row-key="name"
       :options="{
         selectable: true,
         showTooltip: true,
         resizeColumn: false,
-        onRowClick: () => {},
+        onRowClick: (row: Object) => emit('onRowClick', row['name']),
         emptyState: props.options?.emptyState || defaultEmptyState,
       }"
     >
@@ -115,6 +115,7 @@ interface P {
 
 interface E {
   (event: "emptyStateAction"): void;
+  (event: "onRowClick", row: any): void;
 }
 
 const props = defineProps<P>();

diff --git a/desk/src/pages/desk/team/TeamList.vue b/desk/src/pages/desk/team/TeamList.vue
@@ -18,6 +18,7 @@
       :options="{
         doctype: 'HD Team',
       }"
+      @on-row-click="handleRowClick"
     />
     <Dialog
       v-model="showNewDialog"
@@ -91,4 +92,20 @@ usePageMeta(() => {
     title: "Teams",
   };
 });
+
+function handleRowClick(rowID: string) {
+  router.push({
+    name: AGENT_PORTAL_TEAM_SINGLE,
+    params: {
+      teamId: rowID,
+    },
+  });
+}
+
+// onClick = {
+//         name: AGENT_PORTAL_TEAM_SINGLE,
+//         params: {
+//           teamId: d.name,
+//         },
+//       };
 </script>