feat: Moved API call to Home Page

src/components/TableDashboard.tsx

@@ -1,17 +1,8 @@
 import { Table, Thead, Tbody, Tr, Th, TableContainer } from '@chakra-ui/react'
-import { getAllUsers } from '../api/lib/users'
 import { type User } from '../types/index'
 import React from 'react'
 
-function TableDashboard (): JSX.Element {
-  const [members, setMembers] = React.useState<User[]>([])
-
-  React.useEffect(() => {
-    void getAllUsers().then((response) => {
-      setMembers(response.data as User[])
-    })
-  }, [])
-
+function TableDashboard ({ members }: { members: User[] }): JSX.Element {
   return (
     <TableContainer>
       <Table variant="simple" size='md'>
@@ -25,10 +16,10 @@ function TableDashboard (): JSX.Element {
         </Thead>
         <Tbody>
           {members
-            .sort((a, b) => {
+            .sort((a: User, b: User) => {
               return a.displayName.localeCompare(b.displayName)
-            }).filter((user) => !user.enabled)
-            .map(({ displayName, email, enabled }) =>
+            }).filter((user: User) => !user.enabled)
+            .map(({ displayName, email, enabled }: User) => // Add type annotation for User
               <Tr key={email}>
                 <Th>{displayName}</Th>
                 <Th>{email}</Th>

src/pages/HomePage.tsx

@@ -1,13 +1,24 @@
 import { Container, HStack } from '@chakra-ui/react'
 import TableDashboard from '../components/TableDashboard'
 import Sidebar from '../components/Sidebar'
+import { getAllUsers } from '../api/lib/users'
+import { type User } from '../types/index'
+import React, { useEffect } from 'react'
 
 function HomePage (): JSX.Element {
+  const [members, setMembers] = React.useState<User[]>([])
+
+  useEffect(() => {
+    void getAllUsers().then((response) => {
+      setMembers(response.data as User[])
+    })
+  }, [])
+
   return (
     <HStack height="100vh" spacing="0">
       <Sidebar />
       <Container>
-        <TableDashboard />
+        <TableDashboard members={members} />
       </Container>
     </HStack>
   )