feat: header in module editor page for mobiles

This commit is contained in:
2025-11-06 12:23:54 +04:00
parent cc910c8495
commit 1a1f584b81
2 changed files with 25 additions and 1 deletions

View File

@ -0,0 +1,21 @@
import { redirect } from "next/navigation";
import { IconArrowLeft } from "@tabler/icons-react";
import { Box, Button, Group, Title } from "@mantine/core";
const MobileHeader = () => {
return (
<Group
justify={"space-between"}
wrap={"nowrap"}>
<Button
variant={"default"}
onClick={() => redirect("/modules")}>
<IconArrowLeft />
</Button>
<Title order={5}>Редактирование модуля</Title>
<Box mx={"lg"} />
</Group>
);
};
export default MobileHeader;

View File

@ -1,6 +1,6 @@
"use client"; "use client";
import { Box, Fieldset, Flex, Stack } from "@mantine/core"; import { Box, Divider, Fieldset, Flex, Stack } from "@mantine/core";
import AttributesTable from "@/app/module-editor/[moduleId]/components/shared/AttributesTable/AttributesTable"; import AttributesTable from "@/app/module-editor/[moduleId]/components/shared/AttributesTable/AttributesTable";
import CreateAttributeButton from "@/app/module-editor/[moduleId]/components/shared/CreateAttributeButton/CreateAttributeButton"; import CreateAttributeButton from "@/app/module-editor/[moduleId]/components/shared/CreateAttributeButton/CreateAttributeButton";
import ModuleAttributesEditor from "@/app/module-editor/[moduleId]/components/shared/ModuleAttributesEditor/ModuleAttributesEditor"; import ModuleAttributesEditor from "@/app/module-editor/[moduleId]/components/shared/ModuleAttributesEditor/ModuleAttributesEditor";
@ -8,6 +8,7 @@ import ModuleCommonInfoEditor from "@/app/module-editor/[moduleId]/components/sh
import { useModuleEditorContext } from "@/app/module-editor/[moduleId]/contexts/ModuleEditorContext"; import { useModuleEditorContext } from "@/app/module-editor/[moduleId]/contexts/ModuleEditorContext";
import PageBlock from "@/components/layout/PageBlock/PageBlock"; import PageBlock from "@/components/layout/PageBlock/PageBlock";
import useIsMobile from "@/hooks/utils/useIsMobile"; import useIsMobile from "@/hooks/utils/useIsMobile";
import MobileHeader from "@/app/module-editor/[moduleId]/components/mobile/MobileHeader/MobileHeader";
const PageBody = () => { const PageBody = () => {
const { module } = useModuleEditorContext(); const { module } = useModuleEditorContext();
@ -21,6 +22,8 @@ const PageBody = () => {
gap={"xs"} gap={"xs"}
flex={2} flex={2}
direction={"column"}> direction={"column"}>
<MobileHeader />
<Divider />
<Fieldset <Fieldset
flex={1} flex={1}
legend={"Общие данные модуля"}> legend={"Общие данные модуля"}>