diff --git a/frontend/src/features/settings/workspace/members/components/workspace-members-table.tsx b/frontend/src/features/settings/workspace/members/components/workspace-members-table.tsx index c0c3bebe..80280f7c 100644 --- a/frontend/src/features/settings/workspace/members/components/workspace-members-table.tsx +++ b/frontend/src/features/settings/workspace/members/components/workspace-members-table.tsx @@ -4,7 +4,7 @@ import { useAtom } from 'jotai'; import { currentUserAtom } from '@/features/user/atoms/current-user-atom'; import { useQuery } from '@tanstack/react-query'; import { getWorkspaceUsers } from '@/features/workspace/services/workspace-service'; -import { Table } from '@mantine/core'; +import { Group, Table, Avatar, Text, Badge } from '@mantine/core'; export default function WorkspaceMembersTable() { const [currentUser] = useAtom(currentUserAtom); @@ -22,11 +22,11 @@ export default function WorkspaceMembersTable() { <> {isSuccess && - +
Name - Email + Status Role @@ -36,8 +36,27 @@ export default function WorkspaceMembersTable() { { data['users']?.map((user, index) => ( - {user.name} - {user.email} + + + + +
+ + {user.name} + + + {user.email} + +
+
+
+ + + + Active + + + {user.workspaceRole}
))