feat: header in module editor page for mobiles
This commit is contained in:
@ -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;
|
||||||
@ -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={"Общие данные модуля"}>
|
||||||
|
|||||||
Reference in New Issue
Block a user