crap

src/pages/LeadsPage/hooks/useDealSummaries.tsx

@@ -0,0 +1,15 @@
+import {useQuery} from "@tanstack/react-query";
+import {DealService, DealSummary} from "../../../client";
+
+export const useDealSummaries = (): DealSummary[] => {
+    const {data: summaries = []} = useQuery({
+        queryKey: ['getDealSummaries'],
+        queryFn: DealService.getDealSummaries,
+        select: data => data.summaries || [] // Трансформируем полученные данные
+    });
+
+    // Теперь summaries будет содержать либо трансформированные данные, либо пустой массив по умолчанию
+    // isLoading и isError могут быть использованы для отображения индикаторов загрузки или ошибки
+
+    return summaries;
+}

src/pages/LeadsPage/ui/LeadsPage.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex: 1;
     flex-direction: column;
+    height: 100%;
 }
 
 

src/pages/LeadsPage/ui/LeadsPage.tsx

@@ -1,31 +1,70 @@
-import {FC, useEffect} from "react";
+import React, {FC, useEffect, useState} from "react";
 import styles from './LeadsPage.module.css';
 import Board from "../../../components/Dnd/Board/Board.tsx";
-import {Button, TextInput} from "@mantine/core";
 import {DragDropContext} from "@hello-pangea/dnd";
+import {useDealSummaries} from "../hooks/useDealSummaries.tsx";
+import {DealStatus} from "../../../shared/enums/DealStatus.ts";
+import PageBlock from "../../../components/PageBlock/PageBlock.tsx";
+
 
 export const LeadsPage: FC = () => {
-
+    const summariesRaw = useDealSummaries();
+    const [summaries, setSummaries] = useState(summariesRaw);
     useEffect(() => {
-        // dispatch(setIsLoading(true));
-    }, []);
-
+        setSummaries(summariesRaw);
+    }, [summariesRaw]);
+    const onDragEnd = () => {
+        // if (!result.destination) return;
+        //
+        // const newStatus = getDealStatusByName(
+        //     result.destination.droppableId
+        // );
+        // const summaryId = parseInt(result.draggableId);
+        //
+        // return;
+    }
     return (
         <>
-            <div className={styles['container']}>
-                <div className={styles['boards']}>
-                    <DragDropContext onDragEnd={() => {
-                    }}>
-                        <Board title={"Ожидает приемки"} withCreateButton droppableId={"AWAITING_ACCEPTANCE"}/>
-                        <Board title={"Упаковка"} droppableId={"PACKAGING"}/>
-                        <Board title={"Ожидает отгрузки"} droppableId={"AWAITING_SHIPMENT"}/>
-                        <Board title={"Ожидает оплаты"} droppableId={"AWAITING_PAYMENT"}/>
-                        <Board title={"Завершена"} droppableId={"COMPLETED"}/>
-
-                    </DragDropContext>
-
+            <PageBlock>
+                <div className={styles['container']}>
+                    <div className={styles['boards']}>
+                        <DragDropContext onDragEnd={onDragEnd}>
+                            <Board
+                                withCreateButton
+                                summaries={summaries
+                                    .filter(summary => summary.status == DealStatus.AWAITING_ACCEPTANCE)}
+                                title={"Ожидает приемки"}
+                                droppableId={"AWAITING_ACCEPTANCE"}
+                            />
+                            <Board
+                                summaries={summaries
+                                    .filter(summary => summary.status == DealStatus.PACKAGING)}
+                                title={"Упаковка"}
+                                droppableId={"PACKAGING"}
+                            />
+                            <Board
+                                summaries={summaries
+                                    .filter(summary => summary.status == DealStatus.AWAITING_SHIPMENT)}
+                                title={"Ожидает отгрузки"}
+                                droppableId={"AWAITING_SHIPMENT"}
+                            />
+                            <Board
+                                summaries={summaries
+                                    .filter(summary => summary.status == DealStatus.AWAITING_PAYMENT)}
+                                title={"Ожидает оплаты"}
+                                droppableId={"AWAITING_PAYMENT"}
+                            />
+                            <Board
+                                summaries={summaries
+                                    .filter(summary => summary.status == DealStatus.COMPLETED)}
+                                title={"Завершена"}
+                                droppableId={"COMPLETED"}
+                            />
+                        </DragDropContext>
+                    </div>
                 </div>
-            </div>
+            </PageBlock>
+
         </>
 
     )