Adjusted

src/modules/admin/components/courses/ArchivedUnitsTable.jsx

@@ -0,0 +1,140 @@
+import { useMemo, useRef, useState, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { useCourses } from "@/contexts/AdminCoursesContext";
+
+import DataTable from "@/components/generic/Table/DataTable";
+import { FilterSheet } from "@/components/generic/Sheet/FilterSheet";
+import { RestoreDialog } from "@/components/generic/Dialogs/RestoreDialog";
+
+import { buildDataColumns, columnPinning } from "../../config/courses/units/archive/columns.config";
+import { buildToolbarActions } from "../../config/courses/units/archive/toolbar.config";
+import { buildSelectionActions } from "../../config/courses/units/archive/selection.config";
+import { buildRowActions } from "../../config/courses/units/archive/rowActions.config";
+
+import { getTimestamp } from "@/utils/timestamp.util";
+
+export default function ArchivedUnitsTable({ courseId }) {
+    const [restoreTarget, setRestoreTarget] = useState(null);
+    const [restoreIds, setRestoreIds] = useState(null);
+
+    const tableRefsRef = useRef({
+        getFilters: () => [],
+        getSort: () => [],
+        resetSelection: () => { },
+        setFilters: () => { },
+    });
+
+    const navigate = useNavigate();
+
+    const {
+        course, units, attributes, pagination, setPagination, loading,
+        fetchArchivedUnits, restoreUnit, restoreUnits, fetchUnitFieldValues
+    } = useCourses();
+
+    const handleRefsReady = (refs) => {
+        tableRefsRef.current = refs;
+    };
+
+    const exportConfig = {
+        allData: units,
+        attributes,
+        filename: `${getTimestamp()}_${course?.title}_ArchivedUnits`,
+        sheetName: "Archived Units",
+    };
+
+    const handleFetch = useCallback(
+        (params) => fetchArchivedUnits(courseId, params),
+        [courseId]
+    );
+
+    const rowActions = useMemo(() => buildRowActions({
+        onRestore: (row) => setRestoreTarget(row)
+    }), [courseId]);
+
+    const toolbarActions = buildToolbarActions({
+        fetchUnits: (params) => fetchArchivedUnits(courseId, params),
+        pagination,
+        exportConfig,
+        navigate,
+        courseId,
+        getFilters: () => tableRefsRef.current.getFilters(),
+        getSort: () => tableRefsRef.current.getSort(),
+        getTableInstance: () => tableRefsRef.current.tableInstance,
+    });
+
+    const selectionActions = buildSelectionActions({
+        exportConfig,
+        restoreCourse: (row) => setRestoreTarget(row),  // single
+        restoreCourses: (ids) => setRestoreIds(ids),      // bulk
+        getTableInstance: () => tableRefsRef.current.tableInstance,
+    });
+
+
+    const columns = useMemo(
+        () => buildDataColumns(attributes, rowActions),
+        [attributes]
+    );
+
+    const handleRestoreSuccess = () => {
+        setRestoreTarget(null);
+        setRestoreIds(null);
+        tableRefsRef.current.resetSelection?.();
+        fetchArchivedUnits(courseId, { page: 1, limit: pagination?.limit ?? 10 });
+    };
+
+    return (
+        <>
+            <DataTable
+                title="Archvied Units"
+                data={units}
+                columns={columns}
+                attributes={attributes}
+                pagination={pagination}
+                setPagination={setPagination}
+                loading={loading}
+                onFetch={handleFetch}
+                onFetchFilterData={(field) => fetchUnitFieldValues(courseId, field)}
+                onRefsReady={handleRefsReady}
+                renderFilterSheet={({ open, onOpenChange, column, attr, data, loading }) => (
+                    <FilterSheet
+                        open={open}
+                        onOpenChange={onOpenChange}
+                        column={column}
+                        attr={attr}
+                        data={data}
+                        loading={loading}
+                    />
+                )}
+                columnPinning={columnPinning}
+                toolbarActions={toolbarActions}
+                selectionActions={selectionActions}
+                recordLabel="unit"
+                emptyMessage="No units found."
+            />
+
+            {/* Single restore */}
+            <RestoreDialog
+                open={!!restoreTarget}
+                onOpenChange={(v) => !v && setRestoreTarget(null)}
+                entity={restoreTarget}
+                entityLabel="Unit"
+                getName={(c) => c?.title}
+                onRestore={(c) => restoreUnit(courseId, c?.unit_id)}
+                loading={loading}
+                onSuccess={handleRestoreSuccess}
+            />
+
+            {/* Bulk restore */}
+            <RestoreDialog
+                open={!!restoreIds}
+                onOpenChange={(v) => !v && setRestoreIds(null)}
+                ids={restoreIds ?? []}
+                entityLabel="Unit"
+                onRestore={(ids) => restoreUnits(courseId, ids)}
+                loading={loading}
+                onSuccess={handleRestoreSuccess}
+            />
+        </>
+    );
+}

src/modules/admin/components/courses/UnitsTable.jsx

@@ -10,12 +10,14 @@ import { ArchiveDialog } from "@/components/generic/Dialogs/ArchiveDialog";
 
 import { buildDataColumns, columnPinning } from "../../config/courses/units/columns.config";
 import { buildToolbarActions } from "../../config/courses/units/toolbar.config";
+import { buildSelectionActions } from "../../config/courses/units/selection.config";
 import { buildRowActions } from "../../config/courses/units/rowActions.config";
 
 import { getTimestamp } from "@/utils/timestamp.util";
 
 export default function UnitsTable({ courseId }) {
   const [archiveTarget, setArchiveTarget] = useState(null);
+  const [archiveIds, setArchiveIds] = useState(null);
 
   const tableRefsRef = useRef({
     getFilters: () => [],
@@ -28,7 +30,7 @@ export default function UnitsTable({ courseId }) {
 
   const {
     units, attributes, pagination, setPagination, loading,
-    fetchUnits, deleteUnit,
+    fetchUnits, archiveUnit, archiveUnits, fetchUnitFieldValues
   } = useCourses();
 
   const handleRefsReady = (refs) => {
@@ -66,6 +68,13 @@ export default function UnitsTable({ courseId }) {
     getTableInstance: () => tableRefsRef.current.tableInstance,
   });
 
+  const selectionActions = buildSelectionActions({
+    exportConfig,
+    onArchive: (row) => setArchiveTarget(row),
+    onArchiveMany: (ids) => setArchiveIds(ids),
+    getTableInstance: () => tableRefsRef.current.tableInstance,
+  });
+
   const columns = useMemo(
     () => buildDataColumns(attributes, rowActions),
     [attributes, rowActions]
@@ -73,6 +82,7 @@ export default function UnitsTable({ courseId }) {
 
   const handleArchiveSuccess = () => {
     setArchiveTarget(null);
+    setArchiveIds(null);
     tableRefsRef.current.resetSelection?.();
     fetchUnits(courseId, { page: 1, limit: pagination?.limit ?? 10 });
   };
@@ -88,7 +98,7 @@ export default function UnitsTable({ courseId }) {
         setPagination={setPagination}
         loading={loading}
         onFetch={handleFetch}
-        onFetchFilterData={() => []}
+        onFetchFilterData={(field) => fetchUnitFieldValues(courseId, field)}
         onRefsReady={handleRefsReady}
         renderFilterSheet={({ open, onOpenChange, column, attr, data, loading }) => (
           <FilterSheet
@@ -102,17 +112,30 @@ export default function UnitsTable({ courseId }) {
         )}
         columnPinning={columnPinning}
         toolbarActions={toolbarActions}
+        selectionActions={selectionActions}
         recordLabel="unit"
         emptyMessage="No units found."
       />
 
+      {/* ── Single archive ── */}
       <ArchiveDialog
         open={!!archiveTarget}
         onOpenChange={(v) => !v && setArchiveTarget(null)}
         entity={archiveTarget}
         entityLabel="Unit"
-        getName={(u) => u?.title}
-        onArchive={(u) => deleteUnit(courseId, u?.unit_id)}
+        getName={(c) => c?.title}
+        onArchive={(c) => archiveUnit(courseId, c?.unit_id)}
+        loading={loading}
+        onSuccess={handleArchiveSuccess}
+      />
+
+      {/* ── Bulk archive ── */}
+      <ArchiveDialog
+        open={!!archiveIds}
+        onOpenChange={(v) => !v && setArchiveIds(null)}
+        ids={archiveIds ?? []}
+        entityLabel="Unit"
+        onArchive={(ids) => archiveUnits(courseId, ids)}
         loading={loading}
         onSuccess={handleArchiveSuccess}
       />