From 5d1fdaedd84590a679734e3c1d2f927ef248b251 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Wed, 27 Jan 2021 12:06:37 +1100
Subject: [PATCH] Disabled export button when database is unavailable

---
 src/modals/SettingsModal.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/modals/SettingsModal.js b/src/modals/SettingsModal.js
index 0d11144..62df850 100644
--- a/src/modals/SettingsModal.js
+++ b/src/modals/SettingsModal.js
@@ -22,7 +22,7 @@ import ConfirmModal from "./ConfirmModal";
 import ImportExportModal from "./ImportExportModal";
 
 function SettingsModal({ isOpen, onRequestClose }) {
-  const { database } = useContext(DatabaseContext);
+  const { database, databaseStatus } = useContext(DatabaseContext);
   const { userId } = useContext(AuthContext);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [labelSize, setLabelSize] = useSetting("map.labelSize");
@@ -131,6 +131,7 @@ function SettingsModal({ isOpen, onRequestClose }) {
             <Button
               sx={{ flexGrow: 1 }}
               onClick={() => setIsImportExportModalOpen(true)}
+              disabled={databaseStatus !== "loaded"}
             >
               Import / Export Database
             </Button>