From 3e63d645b791de908ba09eee23865b845d88313e Mon Sep 17 00:00:00 2001
From: Orinami Olatunji <16918891+orinamio@users.noreply.github.com>
Date: Wed, 24 Apr 2024 13:02:22 +0100
Subject: [PATCH] bugfix: (#9388) Input field and cancel button should be
 disabled when an app import is in progress (#9446)

---
 frontend/src/_components/AppModal.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/_components/AppModal.jsx b/frontend/src/_components/AppModal.jsx
index 7c1ffb4438..c2530e44ea 100644
--- a/frontend/src/_components/AppModal.jsx
+++ b/frontend/src/_components/AppModal.jsx
@@ -124,7 +124,13 @@ export function AppModal({
       title={title}
       footerContent={
         <>
-          <ButtonSolid variant="tertiary" onClick={closeModal} data-cy="cancel-button" className="modal-footer-divider">
+          <ButtonSolid
+            variant="tertiary"
+            onClick={closeModal}
+            data-cy="cancel-button"
+            className="modal-footer-divider"
+            disabled={isLoading}
+          >
             Cancel
           </ButtonSolid>
           <ButtonSolid
@@ -157,6 +163,7 @@ export function AppModal({
               style={{
                 borderColor: errorText ? '#DB4324 !important' : 'initial',
               }}
+              disabled={isLoading}
             />
             {errorText ? (
               <small