api ulangan

src/features/reports/ui/UsersList.tsx

@@ -0,0 +1,77 @@
+import { report_api } from "@/features/reports/lib/api";
+import ReportsTable from "@/features/reports/ui/ReportsTable";
+import Pagination from "@/shared/ui/pagination";
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+
+const UsersList = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const limit = 20;
+  const { data, isLoading, isError } = useQuery({
+    queryKey: ["report_list", currentPage],
+    queryFn: () =>
+      report_api.list({ limit, offset: (currentPage - 1) * limit }),
+    select(data) {
+      return data.data.data;
+    },
+  });
+  const totalPages = data ? Math.ceil(data.count / limit) : 1;
+  // const [plans, setPlans] = useState<ReportsTypeList[]>(ReportsData);
+
+  // const [editingPlan, setEditingPlan] = useState<ReportsTypeList | null>(null);
+  // const [dialogOpen, setDialogOpen] = useState(false);
+
+  // const handleDelete = (id: number) => {
+  //   setPlans(plans.filter((p) => p.id !== id));
+  // };
+
+  return (
+    <div className="flex flex-col h-full p-10 w-full">
+      <div className="flex flex-col md:flex-row justify-between items-start md:items-center mb-4 gap-4">
+        <h1 className="text-2xl font-bold">To'lovlar</h1>
+
+        {/* <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+          <DialogTrigger asChild>
+            <Button
+              variant="default"
+              className="bg-blue-500 cursor-pointer hover:bg-blue-500"
+              onClick={() => setEditingPlan(null)}
+            >
+              <Plus className="!h-5 !w-5" /> Qo'shish
+            </Button>
+          </DialogTrigger>
+          <DialogContent className="sm:max-w-lg">
+            <DialogHeader>
+              <DialogTitle className="text-xl">
+                {editingPlan ? "Rejani tahrirlash" : "Yangi reja qo'shish"}
+              </DialogTitle>
+            </DialogHeader>
+
+            <AddedReport
+              initialValues={editingPlan}
+              setDialogOpen={setDialogOpen}
+              setPlans={setPlans}
+            />
+          </DialogContent>
+        </Dialog> */}
+      </div>
+
+      <ReportsTable
+        // handleDelete={handleDelete}
+        plans={data ? data.results : []}
+        // setDialogOpen={setDialogOpen}
+        // setEditingPlan={setEditingPlan}
+        isLoading={isLoading}
+        isError={isError}
+      />
+
+      <Pagination
+        currentPage={currentPage}
+        setCurrentPage={setCurrentPage}
+        totalPages={totalPages}
+      />
+    </div>
+  );
+};
+
+export default UsersList;