From 6fe5573298e37df3a5b3ba48f80f843313ba2c53 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Fri, 21 Apr 2023 17:28:53 -0700
Subject: [PATCH] Fixed: Override modal not closed after grabbing

---
 .../OverrideMatch/OverrideMatchModalContent.tsx           | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/InteractiveSearch/OverrideMatch/OverrideMatchModalContent.tsx b/frontend/src/InteractiveSearch/OverrideMatch/OverrideMatchModalContent.tsx
index 92a0542e2..72773fdd8 100644
--- a/frontend/src/InteractiveSearch/OverrideMatch/OverrideMatchModalContent.tsx
+++ b/frontend/src/InteractiveSearch/OverrideMatch/OverrideMatchModalContent.tsx
@@ -11,6 +11,7 @@ import ModalHeader from 'Components/Modal/ModalHeader';
 import DownloadProtocol from 'DownloadClient/DownloadProtocol';
 import EpisodeLanguages from 'Episode/EpisodeLanguages';
 import EpisodeQuality from 'Episode/EpisodeQuality';
+import usePrevious from 'Helpers/Hooks/usePrevious';
 import SelectEpisodeModal from 'InteractiveImport/Episode/SelectEpisodeModal';
 import { SelectedEpisode } from 'InteractiveImport/Episode/SelectEpisodeModalContent';
 import SelectLanguageModal from 'InteractiveImport/Language/SelectLanguageModal';
@@ -76,6 +77,7 @@ function OverrideMatchModalContent(props: OverrideMatchModalContentProps) {
   const [selectModalOpen, setSelectModalOpen] = useState<SelectType | null>(
     null
   );
+  const previousIsGrabbing = usePrevious(isGrabbing);
 
   const dispatch = useDispatch();
   const series: Series | undefined = useSelector(
@@ -220,6 +222,12 @@ function OverrideMatchModalContent(props: OverrideMatchModalContentProps) {
     dispatch,
   ]);
 
+  useEffect(() => {
+    if (!isGrabbing && previousIsGrabbing) {
+      onModalClose();
+    }
+  }, [isGrabbing, previousIsGrabbing, onModalClose]);
+
   useEffect(
     () => {
       dispatch(fetchDownloadClients());