Add loading state in Export > Send To (#264)

* add loading prop, setLoading in handleSendTo * 1.30.2
RoamJS · May 28, 2024 · 5e4c561 · 5e4c561
1 parent 3922008
commit 5e4c561
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "query-builder",
-  "version": "1.30.1",
+  "version": "1.30.2",
   "description": "Introduces new user interfaces for building queries in Roam",
   "main": "./build/main.js",
   "author": {

diff --git a/src/components/Export.tsx b/src/components/Export.tsx
@@ -400,6 +400,7 @@ const ExportDialog: ExportDialogComponent = ({
 
   const handleSendTo = async () => {
     try {
+      setLoading(true);
       let toastContent: React.ReactNode;
       let uid = selectedPageUid;
       const title = selectedPageTitle;
@@ -467,6 +468,7 @@ const ExportDialog: ExportDialogComponent = ({
         },
       }).catch(() => {});
     } finally {
+      setLoading(false);
       onClose();
     }
   };
@@ -795,6 +797,7 @@ const ExportDialog: ExportDialogComponent = ({
             onClick={handleSendTo}
             style={{ minWidth: 64 }}
             disabled={isSendToGraph ? !livePages.length : false}
+            loading={loading}
           />
         </div>
       </div>