From 7c83325f512255216f8cb30c932c86d569a4d1aa Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 31 Jul 2024 18:51:47 +0200
Subject: [PATCH] bugfixing etf page

---
 src/lib/components/WIIM.svelte         |  4 ++--
 src/routes/etf/[tickerID]/+page.svelte | 15 +++++++--------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/WIIM.svelte b/src/lib/components/WIIM.svelte
index 2a4a4393..96454d89 100644
--- a/src/lib/components/WIIM.svelte
+++ b/src/lib/components/WIIM.svelte
@@ -1,6 +1,6 @@
 
 <script lang ='ts'>
-    import {stockTicker} from '$lib/store';
+    import {stockTicker, etfTicker} from '$lib/store';
     import InfoModal from '$lib/components/InfoModal.svelte';
 
     export let data;
@@ -29,7 +29,7 @@ function latestInfoDate(inputDate) {
     
 $: {
 
-    if ($stockTicker && typeof window !== 'undefined')
+    if (($stockTicker || $etfTicker) && typeof window !== 'undefined')
     {   
         isLoaded = false;
         showFullHistory = false;
diff --git a/src/routes/etf/[tickerID]/+page.svelte b/src/routes/etf/[tickerID]/+page.svelte
index 59127ed8..d1f62e9b 100644
--- a/src/routes/etf/[tickerID]/+page.svelte
+++ b/src/routes/etf/[tickerID]/+page.svelte
@@ -11,8 +11,6 @@
     export let data;
     export let form;
   
-  $assetType = 'etf';
-
           
     let output = null;
     
@@ -61,13 +59,11 @@
   //let TradingModel;
     let CountrySegmentation;
     let SectorSegmentation;
-    let WIIM;
     //let ETFKeyInformation;
     
     
   onMount(async() => {  
 
-    WIIM = (await import('$lib/components/WIIM.svelte')).default;
     CountrySegmentation = (await import('$lib/components/CountrySegmentation.svelte')).default;
     SectorSegmentation = (await import('$lib/components/SectorSegmentation.svelte')).default;
   })
@@ -1227,11 +1223,14 @@ async function initializePrice() {
                                   </div>
                                   {/if}
 
-                                  {#if WIIM}
-                                  <div class="w-full mt-10  m-auto sm:p-6 {data?.getWhyPriceMoved?.length !== 0  ? '' : 'hidden'}">
-                                    <WIIM wiim={data?.getWhyPriceMoved} data={data}/>
+    
+                                  <Lazy>
+                                    <div class="w-full mt-10  m-auto sm:p-6 {data?.getWhyPriceMoved?.length !== 0  ? '' : 'hidden'}">
+                                    {#await import('$lib/components/WIIM.svelte') then {default: Comp}}
+                                      <svelte:component this={Comp} data={data} />
+                                    {/await}
                                   </div>
-                                  {/if}
+                                  </Lazy>
 
                                   
                                 <Lazy>