Feature/wms 70 (#93)

* Warehouse edit - Inventory hosted selector fix
* Update: Unique key fix

Co-authored-by: evdigitech <evdigitech@gmail.com>
Co-authored-by: Llewellyn Dsouza <lledsouza2209@gmail.com>

src/pages/editWarehouseDetails/index.js

@@ -355,7 +355,7 @@ function EditWarehouseDetails() {
     initialValues: {
       warehousename: warehouseData.name,
       address: warehouseData.address || '',
-      preferredInventories: warehouseData.preferredInventories || [],
+      preferredInventories: [...warehouseData.preferredInventories] || [],
       specs: warehouseData.specs || '',
       image: warehouseData.image_url ? [{ src: warehouseData.image_url }] : []
     },
@@ -423,9 +423,12 @@ function EditWarehouseDetails() {
                       variant="outlined"
                       value={formik.values.warehousename}
                       error={formik.touched.warehousename && Boolean(formik.errors.warehousename)}
-                      helperText={formik.touched.warehousename && formik.errors.warehousename && (
+                      helperText={
-                        <div style={{ color: 'red' }}>{formik.errors.warehousename}</div>
+                        formik.touched.warehousename &&
-                      ) }
+                        formik.errors.warehousename && (
+                          <div style={{ color: 'red' }}>{formik.errors.warehousename}</div>
+                        )
+                      }
                       onChange={formik.handleChange}
                     />
                   </Box>
@@ -448,9 +451,12 @@ function EditWarehouseDetails() {
                       variant="outlined"
                       value={formik.values.address}
                       error={formik.touched.address && Boolean(formik.errors.address)}
-                      helperText={formik.touched.address && formik.errors.address && (
+                      helperText={
-                        <div style={{ color: 'red' }}>{formik.errors.address}</div>
+                        formik.touched.address &&
-                      ) }
+                        formik.errors.address && (
+                          <div style={{ color: 'red' }}>{formik.errors.address}</div>
+                        )
+                      }
                       onChange={formik.handleChange}
                     />
                   </Box>
@@ -469,7 +475,6 @@ function EditWarehouseDetails() {
                     <Select
                       multiple
                       select
-                      disabled
                       fullWidth
                       variant="outlined"
                       name="preferredInventories"
@@ -502,6 +507,9 @@ function EditWarehouseDetails() {
                         );
                       }}
                     >
+                      <MenuItem disabled key={'none'} value={''}>
+                        None Selected
+                      </MenuItem>
                       {inventoryTypes &&
                         inventoryTypes.map((inventory) => (
                           <MenuItem key={inventory._id} value={inventory._id}>

src/pages/newWarehouseDetails/index.js

@@ -197,7 +197,7 @@ function NewWarehouseDetails() {
                         );
                       }}
                     >
-                      <MenuItem key={''} value={''}>
+                      <MenuItem disabled key={'none'} value={''}>
                         None Selected
                       </MenuItem>
                       {inventoryTypes &&