fix for handling when the logged in user doesn't have any groups

NASA-IMPACT · Aug 28, 2024 · 1db0b0d · 1db0b0d
1 parent c4e1347
commit 1db0b0d
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/veda-auth-portal/src/components/Groups/index.tsx b/veda-auth-portal/src/components/Groups/index.tsx
@@ -33,7 +33,7 @@ export const Groups = () => {
   if (!userGroups.isPending && userGroups.data) {
     const lowerSearch = search.toLowerCase();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    filteredGroups = userGroups.data.groups.filter((group: any) => {
+    filteredGroups = userGroups?.data?.groups?.filter((group: any) => {
       return group.name?.toLowerCase().includes(lowerSearch) 
         || group.description?.toLowerCase().includes(lowerSearch)
         || group.owner_id?.toLowerCase().includes(lowerSearch);
@@ -94,7 +94,7 @@ export const Groups = () => {
           <Tbody>
             {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              filteredGroups.map((group: any) => {
+              filteredGroups?.map((group: any) => {
                 return (
                   <Tr key={group.id}>
                     <Td>
@@ -121,10 +121,19 @@ export const Groups = () => {
               })
             }
           </Tbody>
+          {
+            ((!filteredGroups) || (!filteredGroups.data) || (filteredGroups.data?.groups?.length === 0)) && (
+              <Tbody>
+                <Tr>
+                  <Td colSpan={5} textAlign='center'>
+                    No groups found
+                  </Td>
+                </Tr>
+              </Tbody>
+            )
+          }
         </Table>
       </TableContainer>
-
-
     </NavContainer>
   )
 }