From 08ad1780401ac1b31201704d22e46ac2fb222685 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 7 Aug 2024 10:48:20 +0200
Subject: [PATCH] remove lazy load

---
 src/lib/components/ClinicalTrial.svelte       | 10 +++-------
 src/lib/components/CountrySegmentation.svelte |  3 ---
 src/lib/components/GovernmentContract.svelte  |  9 +++------
 src/lib/components/ImpliedVolatility.svelte   |  9 +++------
 src/lib/components/ReturnCard.svelte          |  9 +++------
 src/lib/components/SectorSegmentation.svelte  |  3 ---
 6 files changed, 12 insertions(+), 31 deletions(-)

diff --git a/src/lib/components/ClinicalTrial.svelte b/src/lib/components/ClinicalTrial.svelte
index b5c8989b..f3969254 100644
--- a/src/lib/components/ClinicalTrial.svelte
+++ b/src/lib/components/ClinicalTrial.svelte
@@ -9,7 +9,6 @@ import { GridComponent } from 'echarts/components'
 import { CanvasRenderer } from 'echarts/renderers'
 use([LineChart, GridComponent, CanvasRenderer])
 
-    import Lazy from 'svelte-lazy';
     export let data;
 
     let isLoaded = false;
@@ -247,12 +246,9 @@ let charNumber = 20;
         
         <div class="pb-2 rounded-lg bg-[#09090B]">
                 
-          
-            <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
-                <div class="app w-full h-[300px] mt-5">
-                    <Chart {init} options={optionsData} class="chart" />
-                </div>
-            </Lazy>
+          <div class="app w-full h-[300px] mt-5">
+              <Chart {init} options={optionsData} class="chart" />
+          </div>
         
         </div>
         
diff --git a/src/lib/components/CountrySegmentation.svelte b/src/lib/components/CountrySegmentation.svelte
index 33c5a76a..a09e5811 100644
--- a/src/lib/components/CountrySegmentation.svelte
+++ b/src/lib/components/CountrySegmentation.svelte
@@ -3,7 +3,6 @@ import { etfTicker, screenWidth} from '$lib/store';
 import { formatString } from '$lib/utils';
 import InfoModal from '$lib/components/InfoModal.svelte';
 import { countryList} from '$lib/country-list.ts';
-import Lazy from 'svelte-lazy';
 
 export let geographicList;
 
@@ -64,7 +63,6 @@ $: {
                         />
                     </div>
 
-                    <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
                         {#if geographicList?.length !== 0}
                             <div class="text-white text-md mt-3">
                                 The ETF is build on top of {geographicList?.length} regions:
@@ -118,7 +116,6 @@ $: {
                                 <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}
-                    </Lazy>
                 </div>
             </div>
         </div>
diff --git a/src/lib/components/GovernmentContract.svelte b/src/lib/components/GovernmentContract.svelte
index 28896685..8c442d68 100644
--- a/src/lib/components/GovernmentContract.svelte
+++ b/src/lib/components/GovernmentContract.svelte
@@ -10,7 +10,6 @@ import { GridComponent } from 'echarts/components'
 import { CanvasRenderer } from 'echarts/renderers'
 use([BarChart, GridComponent, CanvasRenderer])
 
-    import Lazy from 'svelte-lazy';
     export let data;
   
     let isLoaded = false;
@@ -242,11 +241,9 @@ use([BarChart, GridComponent, CanvasRenderer])
         <div class="pb-2 rounded-lg bg-[#09090B]">
                 
           
-            <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
-                <div class="app w-full h-[300px] mt-5">
-                    <Chart {init} options={optionsData} class="chart" />
-                </div>
-            </Lazy>
+          <div class="app w-full h-[300px] mt-5">
+              <Chart {init} options={optionsData} class="chart" />
+          </div>
         
         </div>
   
diff --git a/src/lib/components/ImpliedVolatility.svelte b/src/lib/components/ImpliedVolatility.svelte
index e376aa2d..d254a084 100644
--- a/src/lib/components/ImpliedVolatility.svelte
+++ b/src/lib/components/ImpliedVolatility.svelte
@@ -3,7 +3,6 @@ import { impliedVolatilityComponent, displayCompanyName, stockTicker, assetType,
 import InfoModal from '$lib/components/InfoModal.svelte';
 import { Chart } from 'svelte-echarts'
 import { formatDateRange } from "$lib/utils";
-import Lazy from 'svelte-lazy';
 import { init, use } from 'echarts/core'
 
 import { LineChart } from 'echarts/charts'
@@ -283,11 +282,9 @@ function changeStatement(event)
         <div class="pb-2 rounded-lg bg-[#09090B]">
                 
           
-            <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
-                <div class="app w-full h-[300px] mt-5">
-                    <Chart {init} options={optionsData} class="chart" />
-                </div>
-            </Lazy>
+          <div class="app w-full h-[300px] mt-5">
+              <Chart {init} options={optionsData} class="chart" />
+          </div>
         
         </div>
   
diff --git a/src/lib/components/ReturnCard.svelte b/src/lib/components/ReturnCard.svelte
index 68e2beb0..68281de9 100644
--- a/src/lib/components/ReturnCard.svelte
+++ b/src/lib/components/ReturnCard.svelte
@@ -1,7 +1,6 @@
 <script lang='ts'>
 
 import { Chart } from 'svelte-echarts'
-import Lazy from "svelte-lazy";
 import { init, use } from 'echarts/core'
 
 import { BarChart } from 'echarts/charts'
@@ -295,11 +294,9 @@ use([BarChart, GridComponent, CanvasRenderer])
 
                     </div>
 
-                    <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
-                        <div class="app w-full h-[300px] mt-5 mb-16">
-                            <Chart {init} options={optionsAnnualReturn} class="chart" />
-                        </div>
-                    </Lazy>
+                <div class="app w-full h-[300px] mt-5 mb-16">
+                    <Chart {init} options={optionsAnnualReturn} class="chart" />
+                </div>
 
                     
                 {:else if displayReturn === 'monthlyDistributionReturn'}
diff --git a/src/lib/components/SectorSegmentation.svelte b/src/lib/components/SectorSegmentation.svelte
index aefadcbc..b3e588eb 100644
--- a/src/lib/components/SectorSegmentation.svelte
+++ b/src/lib/components/SectorSegmentation.svelte
@@ -4,7 +4,6 @@ import {etfTicker, screenWidth} from '$lib/store';
 import { formatString } from '$lib/utils';
 import { goto } from '$app/navigation';
 import InfoModal from '$lib/components/InfoModal.svelte'
-import Lazy from 'svelte-lazy';
 
 export let sectorList;
 
@@ -102,7 +101,6 @@ $: {
                             id={"sectorWeightingInfo"}
                         />
                     </div>
-                    <Lazy height={300} fadeOption={{delay: 100, duration: 500}} keep={true}>
                     {#if sectorList?.length !== 0}
     
                     <div class="text-white text-md mt-3">
@@ -152,7 +150,6 @@ $: {
                         <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}
-                </Lazy>
                     
                 </div>
             </div>