feat: prettier

src/modals/PositionFormModal/PositionFormModal.tsx

@@ -1,31 +1,38 @@
-import BaseFormModal, {CreateEditFormProps} from "../../pages/ClientsPage/modals/BaseFormModal/BaseFormModal.tsx";
-import {PositionSchema} from "../../client";
-import {ContextModalProps} from "@mantine/modals";
-import {useForm} from "@mantine/form";
-import {Flex, rem, TextInput} from "@mantine/core";
-import {useEffect} from "react";
-import CyrillicToTranslit from 'cyrillic-to-translit-js';
+import BaseFormModal, {
+    CreateEditFormProps,
+} from "../../pages/ClientsPage/modals/BaseFormModal/BaseFormModal.tsx";
+import { PositionSchema } from "../../client";
+import { ContextModalProps } from "@mantine/modals";
+import { useForm } from "@mantine/form";
+import { Flex, rem, TextInput } from "@mantine/core";
+import { useEffect } from "react";
+import CyrillicToTranslit from "cyrillic-to-translit-js";
 
 type Props = CreateEditFormProps<PositionSchema>;
 
 const PositionFormModal = ({
-                               id,
-                               context,
-                               innerProps
-                           }: ContextModalProps<Props>) => {
-    const translit = CyrillicToTranslit({preset: "ru"})
-    const isEditing = 'element' in innerProps;
-    const initialValues: PositionSchema = isEditing ? innerProps.element : {
-        key: "",
-        name: ""
-    }
+    id,
+    context,
+    innerProps,
+}: ContextModalProps<Props>) => {
+    const translit = CyrillicToTranslit({ preset: "ru" });
+    const isEditing = "element" in innerProps;
+    const initialValues: PositionSchema = isEditing
+        ? innerProps.element
+        : {
+              key: "",
+              name: "",
+          };
     const form = useForm<PositionSchema>({
-        initialValues: initialValues
-    })
+        initialValues: initialValues,
+    });
 
     useEffect(() => {
         if (isEditing) return;
-        form.setFieldValue("key", translit.transform(form.values.name).toLowerCase());
+        form.setFieldValue(
+            "key",
+            translit.transform(form.values.name).toLowerCase()
+        );
     }, [form.values.name]);
 
     return (
@@ -33,13 +40,11 @@ const PositionFormModal = ({
             closeOnSubmit
             form={form}
             onClose={() => context.closeContextModal(id)}
-            {...innerProps}
-        >
+            {...innerProps}>
             <BaseFormModal.Body>
                 <Flex
                     direction={"column"}
-                    gap={rem(10)}
-                >
+                    gap={rem(10)}>
                     <TextInput
                         label={"Название"}
                         placeholder={"Введите название должности"}
@@ -53,7 +58,7 @@ const PositionFormModal = ({
                 </Flex>
             </BaseFormModal.Body>
         </BaseFormModal>
-    )
-}
+    );
+};
 
-export default PositionFormModal;
+export default PositionFormModal;