feat: temp barcode templates

src/routes/barcode.lazy.tsx

@@ -0,0 +1,6 @@
+import {createLazyFileRoute} from "@tanstack/react-router";
+import BarcodePage from "../pages/BarcodePage/BarcodePage.tsx";
+
+export const Route = createLazyFileRoute('/barcode')({
+    component: BarcodePage
+})

src/routes/test.lazy.tsx

@@ -1,35 +1,44 @@
 import {createLazyFileRoute} from "@tanstack/react-router";
-import {Button, Text} from "@mantine/core";
-import {modals} from "@mantine/modals";
+import {Fieldset, Flex, NumberInput} from "@mantine/core";
+import {IconCross, IconX} from "@tabler/icons-react";
+import {useEffect} from "react";
+import {openContextModal} from "@mantine/modals";
 
 export const Route = createLazyFileRoute('/test')({
     component: TestPage
 })
 
 function TestPage() {
-    return (
-        <Button
-            onClick={() =>
-                modals.openConfirmModal({
-                    title: 'Please confirm your action',
-                    closeOnConfirm: false,
-                    labels: {confirm: 'Next modal', cancel: 'Close modal'},
-                    onConfirm: () =>
-                        modals.openConfirmModal({
-                            title: 'This is modal at second layer',
-                            labels: {confirm: 'Close modal', cancel: 'Back'},
-                            closeOnConfirm: false,
-                            children: (
-                                <Text size="sm">
-                                    When this modal is closed modals state will revert to first modal
-                                </Text>
-                            ),
-                            onConfirm: modals.closeAll,
-                        }),
-                })
+
+    useEffect(() => {
+        openContextModal({
+            modal: "barcodeTemplateFormModal",
+            withCloseButton: false,
+            innerProps: {
+                onCreate: () => {
+                }
             }
-        >
-            Open multiple steps modal
-        </Button>
+        })
+    }, []);
+    return (
+        <>
+            <Fieldset legend={"Размеры"}>
+
+                <Flex gap={10} align={"center"}>
+
+                    <NumberInput
+                        hideControls
+                        placeholder={"Ширина"}
+                    />
+                    <IconX/>
+                    <NumberInput
+                        hideControls
+                        placeholder={"Высота"}
+
+                    />
+                </Flex>
+            </Fieldset>
+
+        </>
     );
 }