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">
<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>

5
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-->
<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}