updated build add update delete

frontend/pages/builds/list/columns.tsx

@@ -38,11 +38,6 @@ function getColumns(router: any, activeRoute: string, deleteHandler: (id: string
             header: "Token",
             cell: ({ getValue }) => getValue(),
         },
-        {
-            accessorKey: "collectionToken",
-            header: "Collection Token",
-            cell: ({ getValue }) => getValue(),
-        },
         {
             accessorKey: "info.govAddressCode",
             header: "Gov Address Code",
@@ -86,7 +81,7 @@ function getColumns(router: any, activeRoute: string, deleteHandler: (id: string
         {
             accessorKey: "info.liftCount",
             header: "Lift Count",
-            cell: ({ getValue }) => getValue() ? (<div className="text-green-600 font-medium">Yes</div>) : (<div className="text-red-600 font-medium">No</div>),
+            cell: ({ getValue }) => getValue(),
         },
         {
             accessorKey: "info.heatingSystem",

frontend/pages/builds/list/data-table.tsx

@@ -74,6 +74,7 @@ import { schemaType } from "./schema"
 import { getColumns, DraggableRow } from "./columns"
 import { useRouter } from "next/navigation"
 import { useDeleteBuildMutation } from "@/pages/builds/queries"
+import { TableSkeleton } from "@/components/skeletons/tableSkeleton";
 
 export function BuildDataTable({
     data,
@@ -82,7 +83,8 @@ export function BuildDataTable({
     pageSize = 10,
     onPageChange,
     onPageSizeChange,
-    refetchTable
+    refetchTable,
+    tableIsLoading
 }: {
     data: schemaType[],
     totalCount: number,
@@ -90,7 +92,8 @@ export function BuildDataTable({
     pageSize?: number,
     onPageChange: (page: number) => void,
     onPageSizeChange: (size: number) => void,
-    refetchTable: () => void
+    refetchTable: () => void,
+    tableIsLoading: boolean
 }) {
 
     const router = useRouter();
@@ -122,7 +125,7 @@ export function BuildDataTable({
     const dataIds = React.useMemo<UniqueIdentifier[]>(() => data?.map(({ _id }) => _id) || [], [data])
 
     const deleteMutation = useDeleteBuildMutation()
-    const deleteHandler = (id: string) => { deleteMutation.mutate({ uuid: id }); setTimeout(() => { refetchTable() }, 400) }
+    const deleteHandler = (id: string) => { deleteMutation.mutate({ uuid: id, refetchTable }) }
     const columns = getColumns(router, activeRoute, deleteHandler);
     const pagination = React.useMemo(() => ({ pageIndex: currentPage - 1, pageSize: pageSize }), [currentPage, pageSize])
     const totalPages = Math.ceil(totalCount / pageSize)
@@ -229,11 +232,9 @@ export function BuildDataTable({
                                 ))}
                             </TableHeader>
                             <TableBody className="**:data-[slot=table-cell]:first:w-8">
-                                {table.getRowModel().rows?.length ? (<SortableContext items={dataIds} strategy={verticalListSortingStrategy} >
-                                    {table.getRowModel().rows.map((row) => <DraggableRow key={row.id} row={row} />)}
-                                </SortableContext>) : (
-                                    <TableRow><TableCell colSpan={columns.length} className="h-24 text-center">No results.</TableCell></TableRow>
-                                )}
+                                {tableIsLoading ?
+                                    <TableSkeleton columnCount={table.getAllColumns().length} rowCount={pageSize} hasActions={true} /> :
+                                    <SortableContext items={dataIds} strategy={verticalListSortingStrategy}>{table.getRowModel().rows.map(row => <DraggableRow key={row.id} row={row} />)}</SortableContext>}
                             </TableBody>
                         </Table>
                     </DndContext>