working on sending the new location form data, and getting it from the backend

frontend/src/components/forms/LocationForm.js

@@ -23,7 +23,7 @@ function LocationForm(props) {
             Description: '',
             Notes: '',
             Address: '',
-            SquareFeet: 0,
+            SquareFeet: '',
             Latitude: '',
             Longitude: '',
             DatePurchased: '',
@@ -34,7 +34,7 @@ function LocationForm(props) {
         },
 
         validate: {
-
+            Name: (value) => (/^\S+/.test(value) ? null : 'Invalid Name')
         },
     });
 
@@ -45,8 +45,19 @@ function LocationForm(props) {
 
     const submitNewLocation = (values) => {
         console.log("VALUES: ", values)
-        const formData = new FormData(values)
+        // let additionalPhotos = values.AdditionalPhotos
+        let formData = new FormData()
+        for (const [key, value] of Object.entries(values)) {
+            if (key === "AdditionalPhotos" && value.length > 0) {
+                value.forEach(photo => {
+                    console.log("PHOTO VALUE: ", photo)
+                    formData.append(key, photo)
+                });
+            }
+            formData.append(key, value)
+        }
         backendAPI.post("/locations/new", formData).then((result) => {
+            console.log("STATUS: ", result.status)
             console.log("result: ", result.data)
         }).catch(err => {
             console.log("Error adding new location!", err)
@@ -108,7 +119,7 @@ function LocationForm(props) {
                         <TextInput label="Date Purchased" value={form.values.DatePurchased} {...form.getInputProps('DatePurchased')} />
                         <TextInput label="Purchase Price" value={form.values.PurchasePrice} {...form.getInputProps('PurchasePrice')}/>
                         <TextInput label="Current Value" value={form.values.CurrentValue} {...form.getInputProps('CurrentValue')}/>
-                        <Title order={4}>Location Cover Photo</Title>
+                        <Group><Title order={4}>Location Cover Photo </Title><Text color="red">*</Text></Group>
                         <Dropzone
                             onDrop={(files) => form.setFieldValue('CoverPhoto', files[0])}
                             onReject={(files) => console.log('rejected files', files)}
@@ -126,10 +137,12 @@ function LocationForm(props) {
                             multiple={true}
                             accept={PDF_MIME_TYPE}
                             
+                            getInputProps={{"capture": "environment"}}
+                            
                         >
                             {(status) => dropzoneChildren(status, theme, true)}
                         </Dropzone>
-
+                        <Button type="submit">Submit</Button>
                     </Grid.Col>
                  
                 </Grid>