feat: shipping warehouse and cost

src/components/Dnd/CreateDealForm/CreateDealFrom.tsx

@@ -5,19 +5,22 @@ import {useForm} from "@mantine/form";
 import styles from './CreateDealForm.module.css';
 import ClientAutocomplete from "../../Selects/ClientAutocomplete/ClientAutocomplete.tsx";
 import {DateTimePicker} from "@mantine/dates";
+import ShippingWarehouseAutocomplete
+    from "../../Selects/ShippingWarehouseAutocomplete/ShippingWarehouseAutocomplete.tsx";
 
 type Props = {
     onSubmit: (quickDeal: QuickDeal) => void
     onCancel: () => void;
 }
 const CreateDealFrom: FC<Props> = ({onSubmit, onCancel}) => {
-    const form = useForm({
+    const form = useForm<QuickDeal>({
         initialValues: {
             name: '',
             clientName: '',
             clientAddress: '',
             comment: '',
-            acceptanceDate: new Date()
+            acceptanceDate: new Date(),
+            shippingWarehouse: ''
         }
     });
     return (
@@ -25,7 +28,6 @@ const CreateDealFrom: FC<Props> = ({onSubmit, onCancel}) => {
             style={{width: '100%'}}
             onSubmit={form.onSubmit((values) => onSubmit(values))}
         >
-
             <div style={{
                 display: 'flex',
                 flexDirection: 'column',
@@ -43,6 +45,10 @@ const CreateDealFrom: FC<Props> = ({onSubmit, onCancel}) => {
                     <ClientAutocomplete
                         nameRestProps={form.getInputProps('clientName')}
                     />
+                    <ShippingWarehouseAutocomplete
+                        {...form.getInputProps('shippingWarehouse')}
+                        placeholder={'Склад отгрузки'}
+                    />
                 </div>
 
                 <div className={styles['inputs']}>