From c9927ef032f5ec7b0672588dc3ae0d6b2c94d49e Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Date: Tue, 22 Aug 2023 11:32:08 +0530
Subject: [PATCH] refactor: can receive list from table

---
 packages/hoppscotch-sh-admin/src/pages/teams/index.vue | 6 +++---
 packages/hoppscotch-sh-admin/src/pages/users/index.vue | 6 +++---
 packages/hoppscotch-ui/src/components/smart/Table.vue  | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/hoppscotch-sh-admin/src/pages/teams/index.vue b/packages/hoppscotch-sh-admin/src/pages/teams/index.vue
index bd19d97c7..b95d0982d 100644
--- a/packages/hoppscotch-sh-admin/src/pages/teams/index.vue
+++ b/packages/hoppscotch-sh-admin/src/pages/teams/index.vue
@@ -28,7 +28,7 @@
         </div>
 
         <div v-else>
-          <HoppSmartTable>
+          <HoppSmartTable :list="teamsList">
             <template #head>
               <tr
                 class="text-secondary border-b border-dividerDark text-sm text-left bg-primaryLight"
@@ -39,9 +39,9 @@
                 <th class="px-6 py-2"></th>
               </tr>
             </template>
-            <template #body>
+            <template #body="{ list }">
               <tr
-                v-for="team in teamsList"
+                v-for="team in list"
                 :key="team.id"
                 class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl"
               >
diff --git a/packages/hoppscotch-sh-admin/src/pages/users/index.vue b/packages/hoppscotch-sh-admin/src/pages/users/index.vue
index aa2b0e1d1..d230f274b 100644
--- a/packages/hoppscotch-sh-admin/src/pages/users/index.vue
+++ b/packages/hoppscotch-sh-admin/src/pages/users/index.vue
@@ -32,7 +32,7 @@
         <div v-else-if="error">{{ t('users.load_list_error') }}</div>
 
         <div v-else-if="usersList.length > 0">
-          <HoppSmartTable>
+          <HoppSmartTable :list="usersList">
             <template #head>
               <tr
                 class="text-secondary border-b border-dividerDark text-sm text-left bg-primaryLight"
@@ -45,9 +45,9 @@
               </tr>
             </template>
 
-            <template #body>
+            <template #body="{ list }">
               <tr
-                v-for="user in usersList"
+                v-for="user in list"
                 :key="user.uid"
                 class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl"
               >
diff --git a/packages/hoppscotch-ui/src/components/smart/Table.vue b/packages/hoppscotch-ui/src/components/smart/Table.vue
index 2c93a7a11..55851fe48 100644
--- a/packages/hoppscotch-ui/src/components/smart/Table.vue
+++ b/packages/hoppscotch-ui/src/components/smart/Table.vue
@@ -14,7 +14,7 @@
       </thead>
 
       <tbody class="divide-y divide-divider">
-        <slot name="body">
+        <slot name="body" :list="list">
           <tr
             v-for="(rowData, rowIndex) in list"
             :key="rowIndex"