New: Closing Move Series modal without selecting will cancel save

Closes #5448

frontend/src/Series/Edit/EditSeriesModalContent.js

@@ -30,6 +30,10 @@ class EditSeriesModalContent extends Component {
   //
   // Listeners
 
+  onCancelPress = () => {
+    this.setState({ isConfirmMoveModalOpen: false });
+  };
+
   onSavePress = () => {
     const {
       isPathChanging,
@@ -180,6 +184,7 @@ class EditSeriesModalContent extends Component {
           originalPath={originalPath}
           destinationPath={path.value}
           isOpen={this.state.isConfirmMoveModalOpen}
+          onModalClose={this.onCancelPress}
           onSavePress={this.onSavePress}
           onMoveSeriesPress={this.onMoveSeriesPress}
         />

frontend/src/Series/Index/Select/Edit/EditSeriesModalContent.tsx

@@ -134,6 +134,10 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
     }
   }, [rootFolderPath, save]);
 
+  const onCancelPress = useCallback(() => {
+    setIsConfirmMoveModalOpen(false);
+  }, [setIsConfirmMoveModalOpen]);
+
   const onDoNotMoveSeriesPress = useCallback(() => {
     setIsConfirmMoveModalOpen(false);
     save(false);
@@ -236,6 +240,7 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
       <MoveSeriesModal
         isOpen={isConfirmMoveModalOpen}
         destinationRootFolder={rootFolderPath}
+        onModalClose={onCancelPress}
         onSavePress={onDoNotMoveSeriesPress}
         onMoveSeriesPress={onMoveSeriesPress}
       />

frontend/src/Series/MoveSeries/MoveSeriesModal.js

@@ -15,6 +15,7 @@ function MoveSeriesModal(props) {
     destinationPath,
     destinationRootFolder,
     isOpen,
+    onModalClose,
     onSavePress,
     onMoveSeriesPress
   } = props;
@@ -33,11 +34,11 @@ function MoveSeriesModal(props) {
       isOpen={isOpen}
       size={sizes.MEDIUM}
       closeOnBackgroundClick={false}
-      onModalClose={onSavePress}
+      onModalClose={onModalClose}
     >
       <ModalContent
         showCloseButton={true}
-        onModalClose={onSavePress}
+        onModalClose={onModalClose}
       >
         <ModalHeader>
           Move Files
@@ -76,6 +77,7 @@ MoveSeriesModal.propTypes = {
   destinationPath: PropTypes.string,
   destinationRootFolder: PropTypes.string,
   isOpen: PropTypes.bool.isRequired,
+  onModalClose: PropTypes.func.isRequired,
   onSavePress: PropTypes.func.isRequired,
   onMoveSeriesPress: PropTypes.func.isRequired
 };