From 5d1da5cf9614a2cb65a2204fc4bb17ff25b8aa5b Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 13 Jun 2024 19:49:26 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/DCF.svelte             | 1 +
 src/lib/components/Lazy.svelte            | 8 +++++++-
 src/lib/components/PriceAnalysis.svelte   | 7 +------
 src/routes/stocks/[tickerID]/+page.svelte | 2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/DCF.svelte b/src/lib/components/DCF.svelte
index bc8804e6..aa715afa 100644
--- a/src/lib/components/DCF.svelte
+++ b/src/lib/components/DCF.svelte
@@ -36,6 +36,7 @@
             bottom: '0%',
             containLabel: true,
         },
+        animation: $screenWidth < 640 ? false: true,
         silent: true,
         xAxis: {
             type: 'value',
diff --git a/src/lib/components/Lazy.svelte b/src/lib/components/Lazy.svelte
index 9d862d55..31cc835d 100644
--- a/src/lib/components/Lazy.svelte
+++ b/src/lib/components/Lazy.svelte
@@ -19,5 +19,11 @@
 {#if show}
 	<slot />
 {:else}
-	<div bind:this={el}/>
+	<div bind:this={el} 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}
\ No newline at end of file
diff --git a/src/lib/components/PriceAnalysis.svelte b/src/lib/components/PriceAnalysis.svelte
index 2d524319..58680519 100644
--- a/src/lib/components/PriceAnalysis.svelte
+++ b/src/lib/components/PriceAnalysis.svelte
@@ -311,12 +311,7 @@ $: {
             
             
               
-            {:else}
-            <h2 class="mt-10 mb-5 flex justify-center items-center text-3xl font-bold text-slate-700 m-auto">
-                No data available
-                <svg class="w-10 sm:w-12 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#334155" d="M18.68 12.32a4.49 4.49 0 0 0-6.36.01a4.49 4.49 0 0 0 0 6.36a4.508 4.508 0 0 0 5.57.63L21 22.39L22.39 21l-3.09-3.11c1.13-1.77.87-4.09-.62-5.57m-1.41 4.95c-.98.98-2.56.97-3.54 0c-.97-.98-.97-2.56.01-3.54c.97-.97 2.55-.97 3.53 0c.97.98.97 2.56 0 3.54M10.9 20.1a6.527 6.527 0 0 1-1.48-2.32C6.27 17.25 4 15.76 4 14v3c0 2.21 3.58 4 8 4c-.4-.26-.77-.56-1.1-.9M4 9v3c0 1.68 2.07 3.12 5 3.7v-.2c0-.93.2-1.85.58-2.69C6.34 12.3 4 10.79 4 9m8-6C7.58 3 4 4.79 4 7c0 2 3 3.68 6.85 4h.05c1.2-1.26 2.86-2 4.6-2c.91 0 1.81.19 2.64.56A3.215 3.215 0 0 0 20 7c0-2.21-3.58-4-8-4Z"/></svg>
-            </h2>
-            
+         
             {/if}
 
             {:else}
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 14a0dd97..f5715770 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -1270,7 +1270,7 @@ function changeChartType() {
                                   {/await}
                                 </div>
                                 </Lazy>
-
+                                
                                 <Lazy>
                                   <div class="w-full mt-10 sm:mt-5 m-auto sm:pl-6 sm:pb-6 sm:pt-6 {!$trendAnalysisComponent ? 'hidden' : ''}">
                                   {#await import('$lib/components/TrendAnalysis.svelte') then {default: Comp}}