From 56e6d5d4a23b8610a28e1af4eae03854a25606c6 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 13 Jun 2024 12:04:13 +0200
Subject: [PATCH] update loading

---
 src/lib/components/TrendAnalysis.svelte   |  9 ++++++++-
 src/routes/crypto/[tickerID]/+page.svelte |  8 ++++++--
 src/routes/etf/[tickerID]/+page.svelte    | 12 ++++++++----
 src/routes/stocks/[tickerID]/+page.svelte |  6 +++++-
 4 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/TrendAnalysis.svelte b/src/lib/components/TrendAnalysis.svelte
index 74250554..f5a56876 100644
--- a/src/lib/components/TrendAnalysis.svelte
+++ b/src/lib/components/TrendAnalysis.svelte
@@ -219,7 +219,14 @@ $: {
             
     
     
-            
+            {:else}
+          <div class="flex justify-center items-center h-80">
+            <div class="relative">
+              <label class="bg-[#202020] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                <span class="loading loading-spinner loading-md"></span>
+              </label>
+            </div>
+          </div>  
             {/if}
 
           {:else}
diff --git a/src/routes/crypto/[tickerID]/+page.svelte b/src/routes/crypto/[tickerID]/+page.svelte
index 3ad206f6..a6d86524 100644
--- a/src/routes/crypto/[tickerID]/+page.svelte
+++ b/src/routes/crypto/[tickerID]/+page.svelte
@@ -1025,8 +1025,12 @@ afterUpdate(async () => {
                                   </div>
                                   {:else}
                                   <!-- else output not loaded yet-->
-                                    <div class="flex justify-center w-full sm:w-[650px] h-80 sm:w-[600px] items-center">
-                                      <span class="loading loading-spinner loading-lg text-success"></span>
+                                      <div class="flex justify-center w-full sm:w-[650px] h-80 sm:w-[600px] items-center">
+                                        <div class="relative">
+                                          <label class="bg-[#202020] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                                            <span class="loading loading-spinner loading-md"></span>
+                                          </label>
+                                      </div>  
                                     </div>
                                   {/if}
                                   
diff --git a/src/routes/etf/[tickerID]/+page.svelte b/src/routes/etf/[tickerID]/+page.svelte
index 241eb40f..8f192baf 100644
--- a/src/routes/etf/[tickerID]/+page.svelte
+++ b/src/routes/etf/[tickerID]/+page.svelte
@@ -1191,11 +1191,15 @@
     
                                     </div>
                                     {:else}
-                                    <!-- else output not loaded yet-->
+                                   <!-- else output not loaded yet-->
                                       <div class="flex justify-center w-full sm:w-[650px] h-80 sm:w-[600px] items-center">
-                                        <span class="loading loading-spinner loading-lg text-success"></span>
-                                      </div>
-                                    {/if}
+                                        <div class="relative">
+                                          <label class="bg-[#202020] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                                            <span class="loading loading-spinner loading-md"></span>
+                                          </label>
+                                      </div>  
+                                    </div>
+                                  {/if}
                                     
                                     <!--End Graph-->
   
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index ec3c83e3..ac424d29 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -1100,7 +1100,11 @@ function changeChartType() {
                                   {:else}
                                   <!-- else output not loaded yet-->
                                     <div class="flex justify-center w-full sm:w-[650px] h-80 sm:w-[600px] items-center">
-                                      <span class="loading loading-spinner loading-lg text-success"></span>
+                                        <div class="relative">
+                                          <label class="bg-[#202020] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                                            <span class="loading loading-spinner loading-md"></span>
+                                          </label>
+                                      </div>  
                                     </div>
                                   {/if}