changes behaviour for submitting with empty name

src/components/AddDialog/AddDialog.js

@@ -32,8 +32,6 @@ const AddDialog = ({ name, quantity, isOpen, handleClose, handleCancel, handleAd
             />
           </Grid>
         </Grid>
-
-
       </form>
     </DialogContent>
     <DialogActions>

src/container/AddDialogContainer/AddDialogContainer.js

@@ -26,6 +26,13 @@ const getNewQuantity = createSelector(
   }
 )
 
+const handleAdd = (name, quantity, dispatch) => {
+  if (name !== "") {
+    dispatch(closeAddDialog()); 
+    dispatch(addItem(name, quantity))
+  }
+}
+
 const mapStateToProps = state => ({
   isOpen: getIsOpen(state),
   name: getNewName(state),
@@ -35,10 +42,7 @@ const mapStateToProps = state => ({
 const mapDispatchToProps = (dispatch) => ({
   handleClose: () => dispatch(closeAddDialog()), 
   handleCancel: () => dispatch(closeAddDialog()), 
-  handleAdd: (name, quantity) => {
-                                    dispatch(closeAddDialog()); 
-                                    dispatch(addItem(name, quantity))
-                                 },
+  handleAdd: (name, quantity) => handleAdd(name, quantity, dispatch),
   updateName: event => dispatch(updateAddDialogName(event.target.value)),
   updateQuantity: event => dispatch(updateAddDialogQuantity(Number(event.target.value)))
 })