feat: pallets and boxes for deals

src/pages/LeadsPage/drawers/DealEditDrawer/DealEditDrawer.tsx

@@ -1,13 +1,14 @@
 import { Box, Drawer, rem, Tabs } from "@mantine/core";
 import { FC, useEffect } from "react";
 import { useDealPageContext } from "../../contexts/DealPageContext.tsx";
-import { IconBox, IconCalendarUser, IconSettings, IconUser } from "@tabler/icons-react";
+import { IconBox, IconCalendarUser, IconCubeSend, IconSettings, IconUser } from "@tabler/icons-react";
 import DealStatusChangeTable from "../../components/DealStatusChangeTable/DealStatusChangeTable.tsx";
 import DealEditDrawerGeneralTab from "./tabs/DealEditDrawerGeneralTab.tsx";
 import { useQueryClient } from "@tanstack/react-query";
 import ProductAndServiceTab from "../../tabs/ProductAndServiceTab/ProductAndServiceTab.tsx";
 import { motion } from "framer-motion";
 import ClientTab from "./tabs/ClientTab.tsx";
+import ShippingTab from "../../tabs/ShippingTab/ShippingTab.tsx";
 // import styles from './DealEditDrawer.module.css';
 
 // const useDealServicesTableState = () => {
@@ -348,6 +349,11 @@ const DealEditDrawer: FC = () => {
                         leftSection={<IconBox />}>
                         Товары и услуги
                     </Tabs.Tab>
+                    <Tabs.Tab
+                        value={"shipment"}
+                        leftSection={<IconCubeSend />}>
+                        Отгрузка
+                    </Tabs.Tab>
                 </Tabs.List>
                 <Tabs.Panel value={"general"}>
                     <motion.div
@@ -392,6 +398,16 @@ const DealEditDrawer: FC = () => {
                         </Box>
                     </motion.div>
                 </Tabs.Panel>
+                <Tabs.Panel value={"shipment"}>
+                    <motion.div
+                        initial={{ opacity: 0 }}
+                        animate={{ opacity: 1 }}
+                        transition={{ duration: 0.2 }}>
+                        <Box p={rem(10)}>
+                            <ShippingTab />
+                        </Box>
+                    </motion.div>
+                </Tabs.Panel>
             </Tabs>
         </Drawer>
     );