Browse Source

enhance(ux): show loading when creating a remote graph

Tienson Qin 4 months ago
parent
commit
3527a43583
1 changed files with 14 additions and 11 deletions
  1. 14 11
      src/main/frontend/components/container.cljs

+ 14 - 11
src/main/frontend/components/container.cljs

@@ -1042,17 +1042,20 @@
         (when (util/electron?)
           (find-in-page/search))
 
-        (main {:route-match route-match
-               :margin-less-pages? margin-less-pages?
-               :logged? logged?
-               :home? home?
-               :route-name route-name
-               :indexeddb-support? indexeddb-support?
-               :light? light?
-               :db-restoring? db-restoring?
-               :main-content main-content'
-               :show-action-bar? show-action-bar?
-               :show-recording-bar? show-recording-bar?})]
+        (if (state/sub :rtc/uploading?)
+          [:div.flex.items-center.justify-center.full-height-without-header
+           (ui/loading "Creating remote graph...")]
+          (main {:route-match route-match
+                 :margin-less-pages? margin-less-pages?
+                 :logged? logged?
+                 :home? home?
+                 :route-name route-name
+                 :indexeddb-support? indexeddb-support?
+                 :light? light?
+                 :db-restoring? db-restoring?
+                 :main-content main-content'
+                 :show-action-bar? show-action-bar?
+                 :show-recording-bar? show-recording-bar?}))]
 
        (when window-controls?
          (window-controls/container))