From 6d733f14c4a7d402c11ec5864b8a2f403f9463d0 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 3 Aug 2024 23:26:41 +0200
Subject: [PATCH] StockKeyInformation lazy loading

---
 src/lib/components/SimilarTickerCard.svelte | 2 +-
 src/routes/stocks/[tickerID]/+page.svelte   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/SimilarTickerCard.svelte b/src/lib/components/SimilarTickerCard.svelte
index 0f3cd7c3..b0ee9d70 100644
--- a/src/lib/components/SimilarTickerCard.svelte
+++ b/src/lib/components/SimilarTickerCard.svelte
@@ -52,7 +52,7 @@ export let similarstock;
                 <td class="text-gray-200">
                   <div class="flex flex-row items-center">
                     <div class="rounded-full w-10 h-10 relative  flex items-center justify-center">
-                      <img style="clip-path: circle(50%);" class="w-6 h-6 rounded-full" src={`https://financialmodelingprep.com/image-stock/${item.symbol}.png`} loading="lazy"/>
+                      <img style="clip-path: circle(50%);" class="w-6 h-6 rounded-full" src={`https://financialmodelingprep.com/image-stock/${item?.symbol}.png`} loading="lazy"/>
                     </div>
                     <div class="flex flex-col ml-3 w-full">
                       <span class="text-blue-400 text-sm font-medium">{item?.symbol}</span>
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index b6023506..d0256c7b 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -1167,7 +1167,9 @@ function changeChartType() {
 
 
                                 {#if $screenWidth <= 1022} <!--BUG: Dont remove since when changing ETF symbol display freezes-->
+                               
                                 <div class="w-full mt-10 m-auto sm:p-6 lg:hidden ">
+                                  <Lazy>
                                     <h3 class="cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
                                       Key Information
                                     </h3>
@@ -1175,7 +1177,8 @@ function changeChartType() {
                                       <svelte:component this={Comp}
                                         data={data} />
                                     {/await}
-                                  
+                                  </Lazy>
+
                                   </div>
                                   {/if}