From d9c351b2e254333d41b97804eed31ba04b73360b Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Mon, 10 Apr 2023 10:48:57 -0500
Subject: [PATCH] better loading display

---
 src/routes/index.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 0bb4ac3..79c638a 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -5,6 +5,15 @@ import { WaitlistAlreadyIn } from "~/components/waitlist/WaitlistAlreadyIn";
 import WaitlistForm from "~/components/waitlist/WaitlistForm";
 import ReloadPrompt from "~/components/Reload";
 import { useMegaStore } from "~/state/megaStore";
+import LoadingSpinner from "~/components/LoadingSpinner";
+
+function FullscreenLoader() {
+  return (
+    <div class="w-screen h-screen flex justify-center items-center">
+      <LoadingSpinner />
+    </div>
+  );
+}
 
 export default function Home() {
   const [state, _] = useMegaStore();
@@ -13,7 +22,7 @@ export default function Home() {
     <>
       <ReloadPrompt />
 
-      <Switch fallback={<>Loading...</>} >
+      <Switch fallback={<FullscreenLoader />} >
         {/* TODO: might need this state.node_manager guard on all wallet routes */}
         <Match when={state.user_status === "approved" && state.node_manager}>
           <App />