Add table to admin/UsersContainer.tsx

resources/scripts/api/admin/users/getUsers.ts

@@ -0,0 +1,39 @@
+import http, { getPaginationSet, PaginatedResult } from '@/api/http';
+import { rawDataToUser } from '@/api/transformers';
+import { createContext, useContext } from 'react';
+import useSWR from 'swr';
+
+export interface User {
+    id: number;
+    externalId: string;
+    uuid: string;
+    username: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    language: string;
+    rootAdmin: boolean;
+    tfa: boolean;
+    createdAt: Date;
+    updatedAt: Date;
+}
+
+interface ctx {
+    page: number;
+    setPage: (value: number | ((s: number) => number)) => void;
+}
+
+export const Context = createContext<ctx>({ page: 1, setPage: () => 1 });
+
+export default () => {
+    const { page } = useContext(Context);
+
+    return useSWR<PaginatedResult<User>>([ 'users', page ], async () => {
+        const { data } = await http.get('/api/application/users', { params: { page } });
+
+        return ({
+            items: (data.data || []).map(rawDataToUser),
+            pagination: getPaginationSet(data.meta.pagination),
+        });
+    });
+};

resources/scripts/api/transformers.ts

@@ -1,6 +1,7 @@
 import { Egg } from '@/api/admin/nests/eggs/getEggs';
 import { Nest } from '@/api/admin/nests/getNests';
 import { Role } from '@/api/admin/roles/getRoles';
+import { User } from '@/api/admin/users/getUsers';
 import { Allocation } from '@/api/server/getServer';
 import { FractalResponseData } from '@/api/http';
 import { FileObject } from '@/api/server/files/loadDirectory';
@@ -117,3 +118,18 @@ export const rawDataToEgg = ({ attributes }: FractalResponseData): Egg => ({
     createdAt: new Date(attributes.created_at),
     updatedAt: new Date(attributes.updated_at),
 });
+
+export const rawDataToUser = ({ attributes }: FractalResponseData): User => ({
+    id: attributes.id,
+    externalId: attributes.external_id,
+    uuid: attributes.uuid,
+    username: attributes.username,
+    email: attributes.email,
+    firstName: attributes.first_name,
+    lastName: attributes.last_name,
+    language: attributes.language,
+    rootAdmin: attributes.root_admin,
+    tfa: attributes['2fa'],
+    createdAt: new Date(attributes.created_at),
+    updatedAt: new Date(attributes.updated_at),
+});