From e47b3d56f32cef428e1cd3b2af000598c660f828 Mon Sep 17 00:00:00 2001
From: Nabarun <nabarun@deepstacksoft.com>
Date: Thu, 8 Aug 2024 16:02:40 +0530
Subject: [PATCH] Add loader at app start

---
 public/index.html | 42 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index af672cf..4fbd2e7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -25,10 +25,50 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Testnet Onboarding App</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+      }
+  
+      .loader-wrapper {
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        display: grid;
+        place-items: center;
+      }
+  
+      .loader {
+        border: 16px solid #e3e3e3;
+        border-top: 16px solid #1976d2;
+        border-radius: 50%;
+        width: 140px;
+        height: 140px;
+        animation: spin 1s linear infinite;
+      }
+  
+      @keyframes spin {
+        0% {
+          transform: rotate(0deg);
+        }
+  
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
+    <div id="root">
+      <div class="loader-wrapper">
+        <div class="loader"></div>
+      </div>
+    </div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
