testing 101

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>
2026-09-27 00:12:54 +08:00 · 2026-06-30 19:32:00 +08:00
parent fe47bdea3c
commit 17326b2c2e
78 changed files with 4804 additions and 1054 deletions
@@ -0,0 +1,140 @@
+import { useMemo, useRef, useState, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { useTiers } from "@/contexts/AdminTiersContext";
+
+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/tiers/plans/archive/columns.config";
+import { buildToolbarActions } from "../../config/tiers/plans/archive/toolbar.config";
+import { buildSelectionActions } from "../../config/tiers/plans/archive/selection.config";
+import { buildRowActions } from "../../config/tiers/plans/archive/rowActions.config";
+
+import { getTimestamp } from "@/utils/timestamp.util";
+
+export default function ArchivedTierPlansTable() {
+  const navigate = useNavigate();
+
+  const {
+    plans, planAttributes, planPagination, setPlanPagination,
+    loading, fetchPlans, restorePlan, bulkRestorePlans,
+  } = useTiers();
+
+  const [restoreTarget, setRestoreTarget] = useState(null);
+  const [restoreIds,    setRestoreIds]    = useState(null);
+
+  const tableRefsRef = useRef({
+    getFilters:     () => [],
+    getSort:        () => [],
+    resetSelection: () => {},
+    tableInstance:  null,
+  });
+
+  const handleRefsReady = (refs) => { tableRefsRef.current = refs; };
+
+  const fetchArchived = useCallback(
+    (params) => fetchPlans({ ...params, archived: true }),
+    [fetchPlans]
+  );
+
+  const exportConfig = useMemo(() => ({
+    allData:    plans,
+    attributes: planAttributes,
+    filename:   `${getTimestamp()}_ArchivedTierPlans`,
+    sheetName:  "Archived Tier Plans",
+  }), [plans, planAttributes]);
+
+  const rowActions = buildRowActions({
+    navigate,
+    onRestore: (row) => setRestoreTarget(row),
+  });
+
+  const toolbarActions = buildToolbarActions({
+    fetchPlans: fetchArchived,
+    pagination:       planPagination,
+    exportConfig,
+    navigate,
+    getFilters:       () => tableRefsRef.current.getFilters(),
+    getSort:          () => tableRefsRef.current.getSort(),
+    getTableInstance: () => tableRefsRef.current.tableInstance,
+  });
+
+  const selectionActions = buildSelectionActions({
+    exportConfig,
+    onRestore:        (row) => setRestoreTarget(row),
+    onRestoreMany:    (ids) => setRestoreIds(ids),
+    getTableInstance: () => tableRefsRef.current.tableInstance,
+  });
+
+  const columns = useMemo(
+    () => buildDataColumns(planAttributes, rowActions),
+    [planAttributes, rowActions]
+  );
+
+  const handleRestoreSuccess = () => {
+    setRestoreTarget(null);
+    setRestoreIds(null);
+    tableRefsRef.current.resetSelection?.();
+    fetchArchived({
+      page:    1,
+      limit:   planPagination?.limit ?? 10,
+      filters: tableRefsRef.current.getFilters(),
+      sort:    tableRefsRef.current.getSort(),
+    });
+  };
+
+  return (
+    <>
+      <DataTable
+        title="Archived Plans"
+        data={plans}
+        columns={columns}
+        attributes={planAttributes}
+        pagination={planPagination}
+        setPagination={setPlanPagination}
+        loading={loading}
+        onFetch={fetchArchived}
+        onFetchFilterData={async () => []}
+        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="plan"
+        emptyMessage="No archived plans found."
+      />
+
+      <RestoreDialog
+        open={!!restoreTarget}
+        onOpenChange={(v) => !v && setRestoreTarget(null)}
+        entity={restoreTarget}
+        entityLabel="Plan"
+        getName={(r) => r?.label}
+        onRestore={(entity) => restorePlan(entity?.plan_id)}
+        loading={loading}
+        onSuccess={handleRestoreSuccess}
+      />
+
+      <RestoreDialog
+        open={!!restoreIds}
+        onOpenChange={(v) => !v && setRestoreIds(null)}
+        ids={restoreIds ?? []}
+        entityLabel="Plan"
+        onRestore={({ ids }) => bulkRestorePlans(ids)}
+        loading={loading}
+        onSuccess={handleRestoreSuccess}
+      />
+    </>
+  );
+}