othr

src/pages/LeadsPage/ui/LeadsPage.tsx

@@ -1,42 +1,49 @@
-import {FC} from "react";
+import {FC, useEffect} 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 ClientSelect from "../../../components/Selects/ClientSelect/ClientSelect.tsx";
-import {DateTimePicker} from "@mantine/dates";
+import {useAppDispatch} from "../../../redux/store.ts";
+import {setIsLoading} from "../../../features/uiSlice.ts";
 
 export const LeadsPage: FC = () => {
+    const dispatch = useAppDispatch();
+
+    useEffect(() => {
+        dispatch(setIsLoading(true));
+    }, []);
 
     return (
-        <div className={styles['container']}>
-            <div className={styles['header']}>
+        <>
+            <div className={styles['container']}>
+                <div className={styles['header']}>
+                    <TextInput
+                        radius={0}
+                        placeholder={"Поиск и фильтры"}
+                        size={"xl"}
+                        className={styles['header-input']}
+                    />
+                    <Button
+                        radius={0}
+                        color={"gray"}
+                        variant={'default'}
+                        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"}/>
 
-                <TextInput
-                    radius={0}
-                    placeholder={"Поиск и фильтры"}
-                    size={"xl"}
-                    className={styles['header-input']}
-                />
-                <Button
-                    radius={0}
-                    color={"gray"}
-                    variant={'default'}
-                    className={styles['header-button']}
-                >Поиск</Button>
+                    </DragDropContext>
+
+                </div>
             </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>
     )
 }

src/pages/RootPage/RootPage.tsx

@@ -4,9 +4,11 @@ import {useSelector} from "react-redux";
 import {RootState} from "../../redux/store.ts";
 import {OpenAPI} from "../../client";
 import PageWrapper from "../PageWrapper/PageWrapper.tsx";
+import {LoadingOverlay} from "@mantine/core";
 
 const RootPage = () => {
     const authState = useSelector((state: RootState) => state.auth);
+    const uiState = useSelector((state: RootState) => state.ui);
     const rewriteLocalStorage = () => {
         const jsonData = JSON.stringify(authState);
         localStorage.setItem('authState', jsonData);
@@ -21,13 +23,11 @@ const RootPage = () => {
 
     return (
         <>
-
+            <LoadingOverlay visible={uiState.isLoading}/>
             <PageWrapper>
                 <Outlet/>
             </PageWrapper>
 
-
-
         </>
     )
 }