fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: styles for deal drawer

Browse Source
This commit is contained in:
AlexSserb
2025-09-18 09:50:06 +04:00
parent 6b4e2f193a
commit a95d05e28b
20 changed files with 199 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
View File

@ -1,5 +1,5 @@
import React, { FC } from "react";
import { Stack, Text, TextInput } from "@mantine/core";
import { Flex, Stack, TextInput } from "@mantine/core";
import { useForm } from "@mantine/form";
import Footer from "@/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/components/Footer";
import BoardSelect from "@/components/selects/BoardSelect/BoardSelect";
@ -40,27 +40,43 @@ const GeneralTab: FC<Props> = ({ value, onDelete, onChange }) => {
return (
<form onSubmit={form.onSubmit(onSubmit)}>
<Stack p={"md"}>
<TextInput
label={"Название"}
{...form.getInputProps("name")}
/>
<Text>
Создано: {utcDateTimeToLocalString(value.createdAt)}
</Text>
<BoardSelect
label={"Доска"}
{...form.getInputProps("board")}
onChange={board => {
form.setFieldValue("board", board ?? undefined);
form.setFieldValue("status", undefined);
}}
projectId={value.board.projectId}
/>
<StatusSelect
label={"Статус"}
{...form.getInputProps("status")}
boardId={form.values.board?.id}
/>
<Flex
gap={"md"}
w={"100%"}
direction={{ base: "column", sm: "row" }}>
<TextInput
label={"Название"}
{...form.getInputProps("name")}
flex={1}
/>
<TextInput
label={"Дата создания"}
value={utcDateTimeToLocalString(value.createdAt)}
readOnly
flex={1}
/>
</Flex>
<Flex
gap={"md"}
w={"100%"}
direction={{ base: "column", sm: "row" }}>
<BoardSelect
label={"Доска"}
{...form.getInputProps("board")}
onChange={board => {
form.setFieldValue("board", board ?? undefined);
form.setFieldValue("status", undefined);
}}
projectId={value.board.projectId}
flex={1}
/>
<StatusSelect
label={"Статус"}
{...form.getInputProps("status")}
boardId={form.values.board?.id}
flex={1}
/>
</Flex>
<Footer
form={form}
onDelete={() => onDelete(value)}