AquaNet: Added Loading Circle

AquaNet/src/pages/MaimaiRating.svelte

@@ -4,6 +4,7 @@
   import type {ParsedRating, Rating} from "../libs/maimaiTypes";
   import { getMult } from "../libs/scoring";
   import ErrorMessage from "../ErrorMessage.svelte";
+    import LoadingMessage from "../LoadingMessage.svelte";
 
   export let userId: any
   userId = +userId
@@ -97,6 +98,8 @@
     {/each}
     {:else if ifError}
     <ErrorMessage {ifError}/>
+    {:else}
+    <LoadingMessage/>
     {/if}
   
 </main>

AquaNet/src/pages/Ranking.svelte

@@ -3,6 +3,7 @@
   import { GAME } from "../libs/sdk";
   import type { GenericRanking } from "../libs/generalTypes";
   import ErrorMessage from "../ErrorMessage.svelte";
+  import LoadingMessage from "../LoadingMessage.svelte";
 
   title(`Ranking`);
 
@@ -49,7 +50,7 @@
   {:else if ifError}
   <ErrorMessage {ifError}/>
   {:else}
-    <p>Please Wait...</p>
+  <LoadingMessage/>
   {/if}
 </main>
 
@@ -97,4 +98,6 @@
 
     &.alternate
       background-color: $ov-light
+
+      
 </style>

AquaNet/src/pages/UserHome.svelte

@@ -9,6 +9,7 @@
   import { DATA, GAME } from "../libs/sdk";
   import { type GameName, getMult } from "../libs/scoring";
   import ErrorMessage from "../ErrorMessage.svelte";
+  import LoadingMessage from "../LoadingMessage.svelte";
 
   registerChart()
 
@@ -197,7 +198,7 @@
     {:else if ifError}
     <ErrorMessage {ifError}/>
     {:else}
-    <p>Loading...</p>
+    <LoadingMessage/>
   {/if}
 </main>