feat: residues accounting

src/components/InlineButton/InlineButton.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import { Button, ButtonProps, Group } from "@mantine/core";
+
+interface Props extends ButtonProps {
+    children?: ReactNode;
+    onClick?: () => void;
+}
+
+const InlineButton = ({ children, onClick, ...props }: Props) => {
+    return (
+        <Button
+            variant="default"
+            onClick={onClick}
+            {...props}
+        >
+            <Group gap="sm">
+                {children}
+            </Group>
+        </Button>
+    );
+};
+
+export default InlineButton;

src/components/Navbar/Navbar.tsx

@@ -7,7 +7,7 @@ import {
     IconCash, IconChartDots,
     IconDashboard,
     IconFileBarcode,
-    IconHome2,
+    IconHome2, IconHomeEdit,
     IconLogout,
     IconMan,
     IconMoon,
@@ -94,6 +94,11 @@ const mockdata = [
         label: "Маркетплейсы",
         href: "/marketplaces",
     },
+    {
+        icon: IconHomeEdit,
+        label: "Остатки",
+        href: "/residues",
+    },
 ];
 
 const adminMockdata = [

src/components/PageBlock/PageBlock.module.css

@@ -27,3 +27,7 @@
 .container-full-height-fixed {
     height: calc(100vh - (rem(20) * 2));
 }
+
+.container-no-border-radius {
+    border-radius: 0 !important;
+}

src/components/PageBlock/PageBlock.tsx

@@ -8,6 +8,7 @@ type Props = {
     style?: CSSProperties;
     fullHeight?: boolean;
     fullHeightFixed?: boolean;
+    noBorderRadius?: boolean;
 };
 export const PageBlock: FC<Props> = ({
     children,
@@ -15,6 +16,7 @@ export const PageBlock: FC<Props> = ({
     fluid = true,
     fullHeight = false,
     fullHeightFixed = false,
+    noBorderRadius = false,
 }) => {
     return (
         <div
@@ -23,7 +25,8 @@ export const PageBlock: FC<Props> = ({
                 styles["container"],
                 fluid && styles["container-fluid"],
                 fullHeight && styles["container-full-height"],
-                fullHeightFixed && styles["container-full-height-fixed"]
+                fullHeightFixed && styles["container-full-height-fixed"],
+                noBorderRadius && styles["container-no-border-radius"]
             )}>
             {children}
         </div>