apps/frontend/src/routes/_dashboardLayout/users/index.lazy.tsx

@@ -25,7 +25,7 @@ export default function UsersPage() {
 			modals={[<UserFormModal />, <UserDeleteModal />]}
 			columnDefs={[
 				columnHelper.display({
-					header: "#",
+					header: "No",
 					cell: (props) => props.row.index + 1,
 				}),
 
@@ -38,16 +38,28 @@ export default function UsersPage() {
 					header: "Username",
 					cell: (props) => props.row.original.username,
 				}),
-
 				columnHelper.display({
-					header: "Status",
+					header: "Email",
-					cell: (props) =>
+					cell: (props) => props.row.original.email,
-						props.row.original.isEnabled ? (
-							<Badge color="green">Active</Badge>
-						) : (
-							<Badge color="red">Inactive</Badge>
-						),
 				}),
+				columnHelper.display({
+					header: "Company",
+					cell: (props) => props.row.original.company,
+				}),
+				columnHelper.display({
+					header: "role",
+					cell: (props) => props.row.original.roles,
+				}),
+
+				// columnHelper.display({
+				// 	header: "Status",
+				// 	cell: (props) =>
+				// 		props.row.original.isEnabled ? (
+				// 			<Badge color="green">Active</Badge>
+				// 		) : (
+				// 			<Badge color="red">Inactive</Badge>
+				// 		),
+				// }),
 
 				columnHelper.display({
 					header: "Actions",