updated living space add list updagte

frontend/pages/living-space/tables/builds/columns.tsx

@@ -26,6 +26,10 @@ export function DraggableRow({ row, selectedID }: { row: Row<z.infer<typeof sche
 
 function getColumns(selectionHandler: (id: string, token: string) => void): ColumnDef<schemaType>[] {
     return [
+        {
+            accessorKey: "_id",
+            header: "ID",
+        },
         {
             accessorKey: "buildType.token",
             header: "Token",

frontend/pages/living-space/tables/builds/data-table.tsx

@@ -80,9 +80,8 @@ export function LivingSpaceBuildDataTable({
     refetchTable,
     buildId,
     setBuildId,
-    collectionToken,
-    setCollectionToken,
     setIsUserTypeEnabled,
+    additionButtons
 }: {
     data: schemaType[],
     totalCount: number,
@@ -93,9 +92,8 @@ export function LivingSpaceBuildDataTable({
     refetchTable: () => void,
     buildId: string,
     setBuildId: (id: string) => void,
-    collectionToken: string,
-    setCollectionToken: (collectionToken: string) => void,
     setIsUserTypeEnabled: (enabled: boolean) => void,
+    additionButtons: React.ReactNode
 }) {
 
     const router = useRouter();
@@ -107,7 +105,7 @@ export function LivingSpaceBuildDataTable({
     const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}))
     const dataIds = React.useMemo<UniqueIdentifier[]>(() => data?.map(({ _id }) => _id) || [], [data])
 
-    const setSelection = (id: string, token: string) => { setBuildId(id); setCollectionToken(token); setIsUserTypeEnabled(true); }
+    const setSelection = (id: string) => { setBuildId(id); setIsUserTypeEnabled(true); }
     const columns = getColumns(setSelection);
     const pagination = React.useMemo(() => ({ pageIndex: currentPage - 1, pageSize: pageSize }), [currentPage, pageSize])
     const totalPages = Math.ceil(totalCount / pageSize)
@@ -170,6 +168,7 @@ export function LivingSpaceBuildDataTable({
                                 )
                             })}
                         </DropdownMenuContent>
+                        {additionButtons && additionButtons}
                     </DropdownMenu>
                 </div>
             </div>

frontend/pages/living-space/tables/builds/page.tsx

@@ -4,12 +4,11 @@ import { useGraphQlBuildsList } from "./queries";
 import { LivingSpaceBuildDataTable } from "./data-table";
 
 const PageLivingSpaceBuildsTableSection = (
-    { buildID, setBuildID, collectionToken, setCollectionToken, setIsUserTypeEnabled }: {
+    { buildID, setBuildID, setIsUserTypeEnabled, additionButtons }: {
         buildID: string | null;
         setBuildID: (id: string | null) => void;
-        collectionToken: string | null;
-        setCollectionToken: (token: string | null) => void;
         setIsUserTypeEnabled: (enabled: boolean) => void;
+        additionButtons?: React.ReactNode | null;
     }
 ) => {
     const [page, setPage] = useState(1);
@@ -27,8 +26,8 @@ const PageLivingSpaceBuildsTableSection = (
     return <>
         <LivingSpaceBuildDataTable
             data={data?.data || []} totalCount={data?.totalCount || 0} currentPage={page} pageSize={limit} onPageChange={handlePageChange} onPageSizeChange={handlePageSizeChange}
-            refetchTable={refetch} buildId={buildID || ""} setBuildId={setBuildID} collectionToken={collectionToken || ""} setCollectionToken={setCollectionToken}
-            setIsUserTypeEnabled={setIsUserTypeEnabled} />
+            refetchTable={refetch} buildId={buildID || ""} setBuildId={setBuildID}
+            setIsUserTypeEnabled={setIsUserTypeEnabled} additionButtons={additionButtons} />
     </>;
 
 }