Diff users page

src/App.tsx

@@ -34,6 +34,7 @@ import {lightGreen, red, yellow} from '@mui/material/colors';
 import AuditGroup from './pages/groups/Audit';
 import AuditRole from './pages/roles/Audit';
 import AuditUser from './pages/users/Audit';
+import DiffUsers from './pages/users/DiffUsers';
 import ExpiringGroups from './pages/groups/Expiring';
 import ExpiringRoles from './pages/roles/Expiring';
 import Home from './pages/Home';
@@ -53,6 +54,7 @@ import ReadUser from './pages/users/Read';
 import {useCurrentUser} from './authentication';
 import ReadRequest from './pages/requests/Read';
 import ReadRoleRequest from './pages/role_requests/Read';
+
 import * as Sentry from '@sentry/react';
 const drawerWidth: number = 240;
 
@@ -243,6 +245,7 @@ function Dashboard({setThemeMode}: {setThemeMode: (theme: PaletteMode) => void})
             <Route path="/users" element={<ListUsers />} />
             <Route path="/users/:id" element={<ReadUser />} />
             <Route path="/users/:id/audit" element={<AuditUser />} />
+            <Route path="/users/diff" element={<DiffUsers />} />
             <Route path="/groups" element={<ListGroups />} />
             <Route path="/groups/:id" element={<ReadGroup />} />
             <Route path="/groups/:id/audit" element={<AuditGroup />} />

src/api/apiComponents.ts

@@ -1183,6 +1183,37 @@ export const useGetUsers = <TData = Schemas.UserPagination>(
   });
 };
 
+export type GetAllUsersError = Fetcher.ErrorWrapper<{
+  status: ClientErrorStatus | ServerErrorStatus;
+  payload: Schemas.UserPagination;
+}>;
+
+export type GetAllUsersVariables = ApiContext['fetcherOptions'];
+
+export const fetchGetAllUsers = (variables: GetAllUsersVariables, signal?: AbortSignal) =>
+  apiFetch<undefined, GetAllUsersError, undefined, {}, {}, {}>({
+    url: '/api/users',
+    method: 'get',
+    ...variables,
+    signal,
+  });
+
+export const useGetAllUsers = <TData = Schemas.UserPagination>(
+  variables: GetAllUsersVariables,
+  options?: Omit<
+    reactQuery.UseQueryOptions<undefined, GetAllUsersError, TData>,
+    'queryKey' | 'queryFn' | 'initialData'
+  >,
+) => {
+  const {fetcherOptions, queryOptions, queryKeyFn} = useApiContext(options);
+  return reactQuery.useQuery<undefined, GetAllUsersError, TData>({
+    queryKey: queryKeyFn({path: '/api/users', operationId: 'getAllUsers', variables}),
+    queryFn: ({signal}) => fetchGetAllUsers({...fetcherOptions, ...variables}, signal),
+    ...options,
+    ...queryOptions,
+  });
+};
+
 export type GetUserByIdPathParams = {
   userId: string;
 };
@@ -1310,4 +1341,9 @@ export type QueryOperation =
       path: '/api/users/{userId}';
       operationId: 'getUserById';
       variables: GetUserByIdVariables;
+    }
+  | {
+      path: '/api/users';
+      operationId: 'getAllUsers';
+      variables: GetAllUsersVariables;
     };

src/components/NavItems.tsx

@@ -164,6 +164,9 @@ export default function NavItems(props: NavItemsProps) {
           <ListItemLink to="/expiring-roles" displayText="All" displayIcon={<ExpiringAll />} sx={{pl: 4}} />
         </List>
       </Collapse>
+      <Divider />
+
+      <ListItemLink to="/users/diff" displayText="Diff Users" displayIcon={<GroupIcon />} />
     </List>
   );
 }