AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

StockKeyInformation lazy loading

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-03 23:26:41 +02:00
parent 7c59090bdb
commit 6d733f14c4
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/SimilarTickerCard.svelte
View File

@ -52,7 +52,7 @@ export let similarstock;
<td class="text-gray-200"> <td class="text-gray-200">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div class="rounded-full w-10 h-10 relative flex items-center justify-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>
<div class="flex flex-col ml-3 w-full"> <div class="flex flex-col ml-3 w-full">
<span class="text-blue-400 text-sm font-medium">{item?.symbol}</span> <span class="text-blue-400 text-sm font-medium">{item?.symbol}</span>

3
src/routes/stocks/[tickerID]/+page.svelte
View File

@ -1167,7 +1167,9 @@ function changeChartType() {
{#if $screenWidth <= 1022} <!--BUG: Dont remove since when changing ETF symbol display freezes--> {#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 "> <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"> <h3 class="cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
Key Information Key Information
</h3> </h3>
@ -1175,6 +1177,7 @@ function changeChartType() {
<svelte:component this={Comp} <svelte:component this={Comp}
data={data} /> data={data} />
{/await} {/await}
</Lazy>
</div> </div>
{/if} {/if}