crap

src/pages/LeadsPage/index.ts

@@ -0,0 +1 @@
+export {LeadsPage} from './ui/LeadsPage.tsx';

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

@@ -0,0 +1,35 @@
+.container {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+}
+
+.header {
+    display: flex;
+    flex-direction: row;
+}
+
+.header-input {
+    flex: 1;
+}
+
+.header-button {
+    height: 100%;
+    width: 10%;
+    min-width: 5rem;
+}
+
+.search-input {
+
+}
+
+.boards {
+    margin-top: 1rem;
+    flex: 1;
+    display: flex;
+    gap: 0.5rem;
+    justify-content: center;
+    /*background-color: rebeccapurple;*/
+    padding-right: 5%;
+    padding-left: 5%;
+}

src/pages/LeadsPage/ui/LeadsPage.tsx

@@ -0,0 +1,39 @@
+import {FC} 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";
+
+export const LeadsPage: FC = () => {
+
+    return (
+        <div className={styles['container']}>
+            <div className={styles['header']}>
+                <TextInput
+                    radius={0}
+                    placeholder={"Поиск и фильтры"}
+                    size={"xl"}
+                    className={styles['header-input']}
+                />
+                <Button
+                    radius={0}
+                    color={"gray"}
+                    variant={"light"}
+                    className={styles['header-button']}
+                >Поиск</Button>
+            </div>
+            <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>
+
+            </div>
+        </div>
+    )
+}