From 9f6aec5d53dcf022764dcf9f11b13207014001b9 Mon Sep 17 00:00:00 2001
From: Sam Chau <chaucted@gmail.com>
Date: Thu, 9 Jan 2025 17:10:14 +1030
Subject: [PATCH] fix: reset state and fetch arr instances when ImportModal
 opens

---
 frontend/src/components/ui/ImportModal.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/ui/ImportModal.jsx b/frontend/src/components/ui/ImportModal.jsx
index efc56d8..3aeb70b 100644
--- a/frontend/src/components/ui/ImportModal.jsx
+++ b/frontend/src/components/ui/ImportModal.jsx
@@ -11,8 +11,11 @@ const ImportModal = ({isOpen, onClose, onImport, type}) => {
     const [isImporting, setIsImporting] = useState(false);
 
     useEffect(() => {
-        // Fetch available arrs when modal opens
+        // Reset state when modal opens and fetch arr instances
         if (isOpen) {
+            setSelectedArr('');
+            setError('');
+            setIsImporting(false);
             fetchArrs();
         }
     }, [isOpen]);