feat: deal card, deal status, deal new dates, indicator, hide navbar

src/components/Navbar/Navbar.tsx

@@ -1,14 +1,6 @@
+import { Center, Flex, Image, rem, Stack, Tooltip, UnstyledButton, useMantineColorScheme } from "@mantine/core";
 import {
-    Center,
-    Flex,
-    Image,
-    rem,
-    Stack,
-    Tooltip,
-    UnstyledButton,
-    useMantineColorScheme,
-} from "@mantine/core";
-import {
+    IconArrowLeft,
     IconBarcode,
     IconBox,
     IconBuildingWarehouse,
@@ -26,6 +18,7 @@ import classes from "./Navbar.module.css";
 import { useAppDispatch } from "../../redux/store.ts";
 import { logout } from "../../features/authSlice.ts";
 import { useNavigate, useRouterState } from "@tanstack/react-router";
+import { setHideNavbar } from "../../features/uiSlice.ts";
 
 interface NavbarLinkProps {
     icon: typeof IconHome2;
@@ -118,6 +111,7 @@ export function Navbar() {
     };
     const links = mockdata.map((link, index) => (
         <NavbarLink
+
             {...link}
             index={index}
             key={link.label}
@@ -130,7 +124,9 @@ export function Navbar() {
         <nav className={classes.navbar}>
             <Flex
                 direction={"column"}
+                align={"center"}
                 gap={rem(30)}>
+
                 <Center p={rem(5)}>
                     <Image
                         flex={1}
@@ -183,6 +179,15 @@ export function Navbar() {
                     icon={IconLogout}
                     label="Выйти"
                 />
+                <NavbarLink
+                    icon={IconArrowLeft}
+                    href={"#"}
+                    index={-1}
+                    label={"Свернуть"}
+                    onClick={() => {
+                        dispatch(setHideNavbar(true));
+                    }}
+                />
             </Stack>
         </nav>
     );