feat: deals filters

src/app/deals/drawers/DealEditorDrawer/components/GeneralTab.tsx

@@ -1,33 +1,33 @@
 import { FC, useState } from "react";
 import { isEqual } from "lodash";
-import { Button, Group, Stack, TextInput } from "@mantine/core";
+import { Button, Group, Stack, Text, TextInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
-import { ProjectsCrud } from "@/hooks/cruds/useProjectsCrud";
-import { ProjectSchema } from "@/lib/client";
-
+import { DealsCrud } from "@/hooks/cruds/useDealsCrud";
+import { DealSchema } from "@/lib/client";
+import { utcDateTimeToLocalString } from "@/utils/datetime";
 
 type Props = {
-    projectsCrud: ProjectsCrud;
-    project: ProjectSchema;
+    dealsCrud: DealsCrud;
+    deal: DealSchema;
     onClose: () => void;
 };
 
-const GeneralTab: FC<Props> = ({ project, projectsCrud, onClose }) => {
-    const [initialValues, setInitialValues] = useState(project);
-    const form = useForm<ProjectSchema>({
+const GeneralTab: FC<Props> = ({ deal, dealsCrud, onClose }) => {
+    const [initialValues, setInitialValues] = useState(deal);
+    const form = useForm<DealSchema>({
         initialValues,
         validate: {
             name: value => !value && "Введите название",
         },
     });
 
-    const onSubmit = (values: ProjectSchema) => {
-        projectsCrud.onUpdate(project.id, values);
+    const onSubmit = (values: DealSchema) => {
+        dealsCrud.onUpdate(deal.id, values);
         setInitialValues(values);
     };
 
     const onDelete = () => {
-        projectsCrud.onDelete(project, onClose);
+        dealsCrud.onDelete(deal, onClose);
     };
 
     return (
@@ -37,6 +37,7 @@ const GeneralTab: FC<Props> = ({ project, projectsCrud, onClose }) => {
                     label={"Название"}
                     {...form.getInputProps("name")}
                 />
+                <Text>Создано: {utcDateTimeToLocalString(deal.createdAt)}</Text>
                 <Group
                     justify={"space-between"}
                     wrap={"nowrap"}>