crap

src/pages/ClientsPage/ClientsPage.tsx

@@ -1,17 +1,18 @@
 import {FC} from "react";
-import styles from './ClientsPage.module.css';
 import ClientsTable from "./components/ClientsTable/ClientsTable.tsx";
-import {ClientService} from "../../client";
-import {useQuery} from "@tanstack/react-query";
-
+import useClientsList from "./hooks/useClientsList.tsx";
+import PageBlock from "../../components/PageBlock/PageBlock.tsx";
 
 const ClientsPage: FC = () => {
-    const {data} = useQuery({queryKey: ['clients'], queryFn: ClientService.getAllClients})
+    const {clients} = useClientsList();
     return (
-        <div className={styles['container']}>
-            <ClientsTable data={data?.clients || []}/>
-        </div>
+        <>
+            <PageBlock>
+
+                <ClientsTable data={clients}/>
+            </PageBlock>
+
+        </>
     )
 }
-
 export default ClientsPage;