integrate users

2026-09-27 00:12:54 +08:00 · 2026-05-06 14:14:54 +08:00
parent 569442bf33
commit f165e8b3bb
35 changed files with 2516 additions and 24 deletions
@@ -0,0 +1,76 @@
+import { useMemo, useRef } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { useUsers } from "@/contexts/AdminUserContext";
+import DataTable from "@/components/generic/Table/DataTable";
+import { FilterSheet } from "@/components/generic/Sheet/FilterSheet";
+
+import { buildUserColumns, columnPinning } from "../config/columns.config";
+import { buildToolbarActions } from "../config/toolbar.config";
+import { buildSelectionActions } from "../config/selection.config";
+import { buildRowActions } from "../config/rowActions.config";
+
+import { getTimestamp } from "@/utils/timestamp.util";
+
+export default function UsersTable() {
+    const navigate = useNavigate();
+    const tableRefsRef = useRef({ getFilters: () => [], getSort: () => [] });
+
+    const {
+        users,
+        attributes,
+        pagination,
+        setPagination,
+        loading,
+        fetchUsers,
+        fetchUserFieldValues,
+        deactivateUser,
+    } = useUsers();
+
+    // Shared export config — passed into toolbar + selection configs
+    const exportConfig = {
+        allData: users,
+        attributes,
+        filename: `${getTimestamp()}_Users`,
+        sheetName: "Users",
+    };
+
+    const rowActions = buildRowActions({ navigate, deactivateUser });
+    const toolbarActions = buildToolbarActions({
+        fetchUsers, pagination, exportConfig, navigate,
+        getFilters: () => tableRefsRef.current.getFilters(),
+        getSort: () => tableRefsRef.current.getSort(),
+    });
+    const selectionActions = buildSelectionActions({ exportConfig, deactivateUser });
+    const columns = useMemo(() => buildUserColumns(attributes, rowActions), [attributes]);
+
+    return (
+        <DataTable
+            title="Users"
+            data={users}
+            columns={columns}
+            attributes={attributes}
+            pagination={pagination}
+            setPagination={setPagination}
+            loading={loading}
+            onFetch={fetchUsers}
+            onFetchFilterData={fetchUserFieldValues}
+            onRefsReady={(refs) => tableRefsRef.current = refs}
+            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="user"
+            emptyMessage="No users match the current filters."
+        />
+    );
+}