From 326d395da4b7312455807b5c1b4feba4f0175802 Mon Sep 17 00:00:00 2001
From: ta264 <ta264@users.noreply.github.com>
Date: Mon, 29 Nov 2021 21:49:12 +0000
Subject: [PATCH] Fixed: Don't allow interactive import while book match is
 calculating

Fixes #1238
---
 .../Interactive/InteractiveImportModalContent.js    |  2 +-
 .../Interactive/InteractiveImportRow.js             | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
index 7937d2754..f81dca916 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
@@ -455,7 +455,7 @@ class InteractiveImportModalContent extends Component {
 
             <Button
               kind={kinds.SUCCESS}
-              isDisabled={!selectedIds.length || !!invalidRowsSelected.length || inconsistentBookReleases}
+              isDisabled={isSaving || !selectedIds.length || !!invalidRowsSelected.length || inconsistentBookReleases}
               onPress={this.onImportSelectedPress}
             >
               Import
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
index f8e94fa30..41635978f 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import BookQuality from 'Book/BookQuality';
 import FileDetails from 'BookFile/FileDetails';
 import Icon from 'Components/Icon';
+import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import ConfirmModal from 'Components/Modal/ConfirmModal';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRowCellButton from 'Components/Table/Cells/TableRowCellButton';
@@ -152,7 +153,8 @@ class InteractiveImportRow extends Component {
       additionalFile,
       isSelected,
       onSelectedChange,
-      audioTags
+      audioTags,
+      isSaving
     } = this.props;
 
     const {
@@ -255,7 +257,14 @@ class InteractiveImportRow extends Component {
 
         <TableRowCell>
           {
-            rejections && rejections.length ?
+            isSaving &&
+              <LoadingIndicator
+                className={styles.loading}
+                size={20}
+              />
+          }
+          {
+            !isSaving && rejections && rejections.length ?
               <Popover
                 anchor={
                   <Icon