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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-10 23:11:35 +01:00
parent 6792b74084
commit 6b8bffbe7c
27 changed files with 138 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -282,7 +282,7 @@
Sell Sell
</span> </span>
{:else} {:else}
<span class="text-[#FF2F1F]"> <span class="text-red-600 dark:text-[#FF2F1F]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

2
src/lib/components/DarkPool/HistoricalVolume.svelte
View File

@ -394,7 +394,7 @@
)?.toFixed(2)}% )?.toFixed(2)}%
</span> </span>
{:else if item?.shortVolume < tableList[index + 1]?.shortVolume} {:else if item?.shortVolume < tableList[index + 1]?.shortVolume}
<span class="text-[#FF2F1F]"> <span class="text-red-600 dark:text-[#FF2F1F]">
-{( -{(
Math.abs( Math.abs(
(item?.shortVolume - (item?.shortVolume -

2
src/lib/components/Options/GreekByExpiry.svelte
View File

@ -392,7 +392,7 @@
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

2
src/lib/components/Options/GreekByStrike.svelte
View File

@ -368,7 +368,7 @@
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

2
src/lib/components/Options/GreekExposure.svelte
View File

@ -485,7 +485,7 @@
>{item?.putCallRatio?.toFixed(2)}</span >{item?.putCallRatio?.toFixed(2)}</span
> >
{:else if item?.putCallRatio >= 0 && item?.putCallRatio !== null} {:else if item?.putCallRatio >= 0 && item?.putCallRatio !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.putCallRatio?.toFixed(2)}</span >{item?.putCallRatio?.toFixed(2)}</span
> >
{:else} {:else}

8
src/lib/components/Options/HottestContracts.svelte
View File

@ -672,7 +672,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -792,7 +792,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -975,7 +975,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0 && item?.changeOI !== null} {:else if item?.changeOI < 0 && item?.changeOI !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -989,7 +989,7 @@
>+{item?.changesPercentageOI + "%"}</span >+{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI + "%"}</span >{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined}

2
src/lib/components/Options/OpenInterestByExpiry.svelte
View File

@ -344,7 +344,7 @@
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

2
src/lib/components/Options/OpenInterestByStrike.svelte
View File

@ -313,7 +313,7 @@
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

4
src/lib/components/Options/UnusualActivity.svelte
View File

@ -1006,7 +1006,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0 && item?.changeOI !== null} {:else if item?.changeOI < 0 && item?.changeOI !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -1020,7 +1020,7 @@
>+{item?.changesPercentageOI + "%"}</span >+{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI + "%"}</span >{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined}

4
src/lib/components/Options/Volatility.svelte
View File

@ -500,7 +500,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumberWithColor(item?.changesPercentage) ? abbreviateNumberWithColor(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%
@ -530,7 +530,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== null} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor(item?.changesPercentageOI) ? abbreviateNumberWithColor(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}% : item?.changesPercentageOI?.toFixed(2)}%

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

@ -224,7 +224,7 @@
{signal} {signal}
</span> </span>
{:else} {:else}
<span class="text-[#FF2F1F]"> <span class="text-red-600 dark:text-[#FF2F1F]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

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

@ -559,7 +559,7 @@
)}%</span )}%</span
> >
{:else if item?.changeInSharesNumberPercentage < 0} {:else if item?.changeInSharesNumberPercentage < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item?.changeInSharesNumberPercentage?.toFixed(2), item?.changeInSharesNumberPercentage?.toFixed(2),
)}%</span )}%</span

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

@ -132,7 +132,7 @@
>+{item?.changesPercentage?.toFixed(2)}%</span >+{item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage?.toFixed(2)}% >{item?.changesPercentage?.toFixed(2)}%
</span> </span>
{/if} {/if}

2
src/routes/corporate-lobbying-tracker/+page.svelte
View File

@ -236,7 +236,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? item?.changesPercentage ? item?.changesPercentage
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%

4
src/routes/etf/[tickerID]/insider/+page.svelte
View File

@ -414,7 +414,9 @@
>Bought</span >Bought</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-[#FF2F1F]">Sold</span> <span class="text-red-600 dark:text-[#FF2F1F]"
>Sold</span
>
{:else if item?.type === "Exchange"} {:else if item?.type === "Exchange"}
<span class="text-[#C6A755]">Exchange</span> <span class="text-[#C6A755]">Exchange</span>
{/if} {/if}

6
src/routes/etf/[tickerID]/options/+page.svelte
View File

@ -432,7 +432,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentage, item?.changesPercentage,
@ -556,7 +556,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -574,7 +574,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentageOI, item?.changesPercentageOI,

4
src/routes/hedge-funds/+page.svelte
View File

@ -213,7 +213,7 @@
)}%</span )}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item?.performancePercentage3Year?.toFixed( item?.performancePercentage3Year?.toFixed(
2, 2,
@ -236,7 +236,7 @@
)}%</span )}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item?.winRate?.toFixed(2), item?.winRate?.toFixed(2),
)}% )}%

6
src/routes/index/[tickerID]/options/+page.svelte
View File

@ -440,7 +440,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentage, item?.changesPercentage,
@ -564,7 +564,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -582,7 +582,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentageOI, item?.changesPercentageOI,

26
src/routes/politicians/+page.svelte
View File

@ -165,22 +165,22 @@
class="relative flex justify-center items-center overflow-hidden w-full" class="relative flex justify-center items-center overflow-hidden w-full"
> >
<main class="w-full"> <main class="w-full">
<h1 class="mb-3 text-white text-2xl sm:text-3xl font-bold"> <h1 class="mb-3 text-2xl sm:text-3xl font-bold">
All US Politicians All US Politicians
</h1> </h1>
<div class="w-full pb-3"> <div class="w-full pb-3">
<div class="relative right-0 bg-default"> <div class="relative right-0">
<ul <ul
class="relative grid grid-cols-1 sm:grid-cols-4 gap-y-3 gap-x-3 flex flex-wrap p-1 list-none rounded-[3px]" class="relative grid grid-cols-1 sm:grid-cols-4 gap-y-3 gap-x-3 flex flex-wrap p-1 list-none rounded-[3px]"
> >
<li <li
class="pl-3 py-1.5 flex-auto text-center bg-[#2E3238] rounded-[3px]" class="pl-3 py-1.5 flex-auto text-center shadow-sm bg-gray-100 dark:bg-[#2E3238] rounded-[3px]"
> >
<label class="flex flex-row items-center"> <label class="flex flex-row items-center">
<input <input
id="modal-search" id="modal-search"
type="search" type="search"
class="text-white ml-2 text-[1rem] placeholder-gray-400 border-transparent focus:border-transparent focus:ring-0 flex items-center justify-center w-full px-0 py-1 bg-inherit" class=" ml-2 text-[1rem] dark:placeholder-gray-400 bg-inherit border-transparent focus:border-transparent focus:ring-0 flex items-center justify-center w-full px-0 py-1"
placeholder="Find by name" placeholder="Find by name"
bind:value={filterQuery} bind:value={filterQuery}
on:input={handleInput} on:input={handleInput}
@ -191,7 +191,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
><path ><path
fill="#fff" fill="currentColor"
d="m19.485 20.154l-6.262-6.262q-.75.639-1.725.989t-1.96.35q-2.402 0-4.066-1.663T3.808 9.503T5.47 5.436t4.064-1.667t4.068 1.664T15.268 9.5q0 1.042-.369 2.017t-.97 1.668l6.262 6.261zM9.539 14.23q1.99 0 3.36-1.37t1.37-3.361t-1.37-3.36t-3.36-1.37t-3.361 1.37t-1.37 3.36t1.37 3.36t3.36 1.37" d="m19.485 20.154l-6.262-6.262q-.75.639-1.725.989t-1.96.35q-2.402 0-4.066-1.663T3.808 9.503T5.47 5.436t4.064-1.667t4.068 1.664T15.268 9.5q0 1.042-.369 2.017t-.97 1.668l6.262 6.261zM9.539 14.23q1.99 0 3.36-1.37t1.37-3.361t-1.37-3.36t-3.36-1.37t-3.361 1.37t-1.37 3.36t1.37 3.36t3.36 1.37"
/></svg /></svg
> >
@ -233,7 +233,7 @@
{#each displayList as item} {#each displayList as item}
<a <a
href={`/politicians/${item?.id}`} href={`/politicians/${item?.id}`}
class="w-full cursor-pointer bg-[#141417] sm:hover:bg-[#000] transition-colors ease-in-out {item?.party === class="w-full cursor-pointer bg-gray-300 dark:bg-[#141417] sm:hover:bg-gray-400 dark:sm:hover:bg-[#000] transition-colors ease-in-out border dark:sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-300 dark:border-gray-800 shadow-md rounded-md h-auto pb-4 pt-4 mb-7 {item?.party ===
'Republican' 'Republican'
? 'sm:hover:shadow-[#80000D]' ? 'sm:hover:shadow-[#80000D]'
: item?.party === 'Democratic' : item?.party === 'Democratic'
@ -247,7 +247,7 @@
addToFavorite(event, item?.id)} addToFavorite(event, item?.id)}
class=" {favoriteList?.includes(item?.id) class=" {favoriteList?.includes(item?.id)
? 'text-[#FBCE3C]' ? 'text-[#FBCE3C]'
: 'text-white'} absolute top-0 right-5 z-20" : ''} absolute top-0 right-5 z-20"
> >
<svg <svg
class="{item?.id === animationId class="{item?.id === animationId
@ -295,10 +295,10 @@
loading="lazy" loading="lazy"
/> />
</div> </div>
<span class="text-white text-lg mt-2 mb-2"> <span class=" text-lg mt-2 mb-2">
{item?.representative} {item?.representative}
</span> </span>
<span class="text-white text-md mb-8"> <span class=" text-md mb-8">
{item?.party ?? "n/a"} {item?.party ?? "n/a"}
{#if item?.district !== undefined && item?.district?.length !== 0} {#if item?.district !== undefined && item?.district?.length !== 0}
/ {item?.district} / {item?.district}
@ -312,18 +312,18 @@
<label <label
class="cursor-pointer flex flex-col items-center" class="cursor-pointer flex flex-col items-center"
> >
<span class="text-white text-[1rem] font-semibold" <span class=" text-[1rem] font-semibold"
>{item?.totalTrades?.toLocaleString( >{item?.totalTrades?.toLocaleString(
"en-US", "en-US",
)}</span )}</span
> >
<span class="text-slate-300 text-sm" <span class="text-muted dark:text-slate-300 text-sm"
>Total Trades</span >Total Trades</span
> >
</label> </label>
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<span class="text-white text-[1rem] font-semibold"> <span class=" text-[1rem] font-semibold">
{item?.lastTrade?.length !== undefined {item?.lastTrade?.length !== undefined
? new Date(item?.lastTrade)?.toLocaleString( ? new Date(item?.lastTrade)?.toLocaleString(
"en-US", "en-US",
@ -336,7 +336,7 @@
) )
: "n/a"} : "n/a"}
</span> </span>
<span class="text-slate-300 text-sm" <span class="text-muted dark:text-slate-300 text-sm"
>Last Traded</span >Last Traded</span
> >
</div> </div>

139
src/routes/politicians/[slug]/+page.svelte
View File

@ -152,10 +152,12 @@
</div> </div>
</div> </div>
<div class="mt-0 pt-0.5 text-left"> <div class="mt-0 pt-0.5 text-left">
<h1 class="mb-0 text-xl sm:text-2xl font-bold text-white"> <h1 class="mb-0 text-xl sm:text-2xl font-bold">
{formatString(name)} {formatString(name)}
</h1> </h1>
<p class="mb-0.5 text-sm font-semibold text-gray-300"> <p
class="mb-0.5 text-sm font-semibold text-muted dark:text-gray-300"
>
{politicianParty ?? "n/a"} / {politicianCongress} {politicianParty ?? "n/a"} / {politicianCongress}
{#if politicianDistrict !== undefined && politicianDistrict?.length !== 0} {#if politicianDistrict !== undefined && politicianDistrict?.length !== 0}
/ {politicianDistrict} / {politicianDistrict}
@ -164,41 +166,39 @@
</div> </div>
</div> </div>
<div <div
class="mt-4 grid grid-cols-2 overflow-hidden rounded border border-gray-800 py-2 text-center md:grid-cols-4 md:p-0 lg:mt-0 lg:border-none" class="mt-4 grid grid-cols-2 overflow-hidden rounded border border-gray-300 dark:border-gray-800 py-2 text-center md:grid-cols-4 md:p-0 lg:mt-0 lg:border-none"
> >
<div class="flex flex-col px-4 py-2 bp:px-6 md:py-6"> <div class="flex flex-col px-4 py-2 bp:px-6 md:py-6">
<div <div class="text-xl sm:text-2xl font-bold tracking-tight">
class="text-xl sm:text-2xl font-bold tracking-tight text-white"
>
${new Intl.NumberFormat("en", { ${new Intl.NumberFormat("en", {
minimumFractionDigits: 0, minimumFractionDigits: 0,
maximumFractionDigits: 0, maximumFractionDigits: 0,
}).format(totalAmountTraded)} }).format(totalAmountTraded)}
</div> </div>
<div class="text-sm font-semibold leading-6 text-gray-300"> <div
class="text-sm font-semibold leading-6 text-muted dark:text-gray-300"
>
Total Amount Total Amount
</div> </div>
</div> </div>
<div <div
class="flex flex-col px-4 py-2 bp:px-6 sm:border-l sm:border-gray-800 md:py-6" class="flex flex-col px-4 py-2 bp:px-6 sm:border-l border-gray-300 dark:sm:border-gray-800 md:py-6"
> >
<div <div class="text-xl sm:text-2xl font-semibold tracking-tight">
class="text-xl sm:text-2xl font-semibold tracking-tight text-white"
>
{numOfTrades?.toLocaleString("en-US")} {numOfTrades?.toLocaleString("en-US")}
</div> </div>
<div class="text-sm font-semibold leading-6 text-gray-300"> <div
class="text-sm font-semibold leading-6 text-muted dark:text-gray-300"
>
Transaction Transaction
</div> </div>
</div> </div>
<div <div
class="flex flex-col px-4 py-2 bp:px-6 sm:border-l sm:border-gray-800 md:py-6" class="flex flex-col px-4 py-2 bp:px-6 sm:border-l border-gray-300 dark:sm:border-gray-800 md:py-6"
> >
<div <div class="text-xl sm:text-2xl font-semibold tracking-tight">
class="text-xl sm:text-2xl font-semibold tracking-tight text-white"
>
{lastTradedDate?.length !== undefined {lastTradedDate?.length !== undefined
? new Date(lastTradedDate)?.toLocaleString("en-US", { ? new Date(lastTradedDate)?.toLocaleString("en-US", {
month: "short", month: "short",
@ -208,19 +208,21 @@
}) })
: "n/a"} : "n/a"}
</div> </div>
<div class="text-sm font-semibold leading-6 text-gray-300"> <div
class="text-sm font-semibold leading-6 text-muted dark:text-gray-300"
>
Last Transaction Last Transaction
</div> </div>
</div> </div>
<div <div
class="flex flex-col px-4 py-2 bp:px-6 sm:border-l sm:border-gray-800 md:py-6" class="flex flex-col px-4 py-2 bp:px-6 sm:border-l border-gray-300 dark:sm:border-gray-800 md:py-6"
> >
<div <div class="text-xl sm:text-2xl font-bold tracking-tight">
class="text-xl sm:text-2xl font-bold tracking-tight text-white"
>
{buySellRatio?.toFixed(2)} {buySellRatio?.toFixed(2)}
</div> </div>
<div class="text-sm font-semibold leading-6 text-gray-300"> <div
class="text-sm font-semibold leading-6 text-muted dark:text-gray-300"
>
Buy/Sell Buy/Sell
</div> </div>
</div> </div>
@ -228,9 +230,9 @@
</div> </div>
{#if mainSectors?.length !== 0} {#if mainSectors?.length !== 0}
<div class="mb-10 mt-10 text-white"> <div class="mb-10 mt-10">
<div <div
class="relative my-3 space-y-2 rounded border border-gray-800 sm:my-6 p-4" class="relative my-3 space-y-2 rounded border border-gray-300 dark:border-gray-800 sm:my-6 p-4"
> >
<div class="flex flex-col sm:flex-row"> <div class="flex flex-col sm:flex-row">
<div class="mb-2 font-semibold sm:mb-0">Main Sectors:</div> <div class="mb-2 font-semibold sm:mb-0">Main Sectors:</div>
@ -240,7 +242,7 @@
href={sectorNavigation?.find( href={sectorNavigation?.find(
(listItem) => listItem?.title === item, (listItem) => listItem?.title === item,
)?.link} )?.link}
class="px-3 text-sm py-1 sm:text-[1rem] rounded-md bg-white/10 sm:hover:bg-white/20 ml-0" class="inline-block badge bg-blue-50 dark:bg-primary duration-0 rounded-sm ml-1 px-3 m-auto text-blue-600 dark:text-blue-400 dark:sm:hover:text-white sm:hover:text-muted text-[1rem]"
> >
{item} {item}
</a> </a>
@ -255,7 +257,7 @@
{#each mainIndustries as item} {#each mainIndustries as item}
<a <a
href={`/list/industry/${item?.replace(/ /g, "-")?.replace(/&/g, "and")?.replace(/-{2,}/g, "-")?.toLowerCase()}`} href={`/list/industry/${item?.replace(/ /g, "-")?.replace(/&/g, "and")?.replace(/-{2,}/g, "-")?.toLowerCase()}`}
class="px-3 text-sm py-1 sm:text-[1rem] rounded-md bg-white/10 sm:hover:bg-white/20 ml-0" class="inline-block badge bg-blue-50 dark:bg-primary duration-0 rounded-sm ml-1 px-3 m-auto text-blue-600 dark:text-blue-400 dark:sm:hover:text-white sm:hover:text-muted text-[1rem]"
> >
{item} {item}
</a> </a>
@ -266,60 +268,36 @@
</div> </div>
{/if} {/if}
<h3 class="text-xl text-white font-bold mt-10">Trading History</h3> <h3 class="text-xl font-bold mt-10">Trading History</h3>
<div class="w-full overflow-x-auto"> <div class="w-full overflow-x-auto">
<table <table
class=" table table-sm table-compact rounded-none sm:rounded-md w-full bg-default m-auto mt-5 border border-gray-800" class="mt-5 table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-white dark:bg-table border border-gray-300 dark:border-gray-800 m-auto"
> >
<!-- head --> <!-- head -->
<thead> <thead class="text-muted dark:text-white">
<tr class="bg-default"> <tr class="">
<th <th
class="hidden lg:table-cell text-start bg-default text-white text-sm font-semibold" class="hidden lg:table-cell text-start text-sm font-semibold"
> >
</th> </th>
<th <th class="text-start text-sm font-semibold"> Symbol </th>
class="text-start bg-default text-white text-sm font-semibold" <th class="text-start text-sm font-semibold"> Name </th>
> <th class="text-end text-sm font-semibold">
Symbol
</th>
<th
class="text-start bg-default text-white text-sm font-semibold"
>
Name
</th>
<th
class="text-end bg-default text-white text-sm font-semibold"
>
Transaction Type Transaction Type
</th> </th>
<th <th class="text-end text-sm font-semibold"> Amount </th>
class="text-end bg-default text-white text-sm font-semibold" <th class="text-end text-sm font-semibold">
>
Amount
</th>
<th
class="text-end bg-default text-white text-sm font-semibold"
>
Transaction Transaction
</th> </th>
<th <th class="text-end text-sm font-semibold"> Last Trade </th>
class="text-end bg-default text-white text-sm font-semibold" <th class="text-end text-sm font-semibold"> Filed </th>
>
Last Trade
</th>
<th
class="text-end bg-default text-white text-sm font-semibold"
>
Filed
</th>
</tr> </tr>
</thead> </thead>
<tbody class="p-0"> <tbody class="p-0">
{#each tableData as item} {#each tableData as item}
<tr <tr
class="dark:sm:hover:bg-[#245073]/10 odd:bg-[#F6F7F8] dark:odd:bg-oddborder-b-[#27272A] text-white" class="dark:sm:hover:bg-[#245073]/10 odd:bg-[#F6F7F8] dark:odd:bg-odd"
> >
<td class="hidden lg:table-cell" <td class="hidden lg:table-cell"
><button ><button
@ -331,7 +309,7 @@
? 'rotate-180' ? 'rotate-180'
: ''}" : ''}"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="white" fill="currentColor"
style="max-width:40px" style="max-width:40px"
><path ><path
fill-rule="evenodd" fill-rule="evenodd"
@ -343,7 +321,7 @@
> >
<td <td
class="text-start text-sm sm:text-[1rem] border-b border-b-[#27272A] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
> >
<HoverStockChart <HoverStockChart
symbol={item?.symbol ?? item?.ticker} symbol={item?.symbol ?? item?.ticker}
@ -351,16 +329,14 @@
/> />
</td> </td>
<td <td class="text-sm sm:text-[1rem] whitespace-nowrap">
class="text-sm sm:text-[1rem] border-b border-b-[#27272A] whitespace-nowrap"
>
{item?.name?.length > 20 {item?.name?.length > 20
? item?.name?.slice(0, 20) + "..." ? item?.name?.slice(0, 20) + "..."
: item?.name} : item?.name}
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#27272A]" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
<span class=""> <span class="">
{#if item?.type === "Bought"} {#if item?.type === "Bought"}
@ -368,7 +344,9 @@
>{item?.type}</span >{item?.type}</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-[#FF2F1F]">{item?.type}</span> <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.type}</span
>
{:else if item?.type === "Exchange"} {:else if item?.type === "Exchange"}
<span class="text-[#C6A755]">Exchange</span> <span class="text-[#C6A755]">Exchange</span>
{/if} {/if}
@ -376,19 +354,19 @@
> >
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#27272A]" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.amount}</td {item?.amount}</td
> >
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#27272A]" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.transaction?.toLocaleString("en-US")}</td {item?.transaction?.toLocaleString("en-US")}</td
> >
<td <td
class="text-end text-sm sm:text-[1rem] text-white border-b border-b-[#27272A] whitespace-nowrap" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{new Date(item?.transactionDate)?.toLocaleString( {new Date(item?.transactionDate)?.toLocaleString(
"en-US", "en-US",
@ -402,7 +380,7 @@
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] text-white border-b border-b-[#27272A] whitespace-nowrap" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{new Date(item?.disclosureDate)?.toLocaleString( {new Date(item?.disclosureDate)?.toLocaleString(
"en-US", "en-US",
@ -463,20 +441,7 @@
.scroller { .scroller {
scrollbar-width: thin; scrollbar-width: thin;
} }
.app {
height: 300px;
max-width: 100%; /* Ensure chart width doesn't exceed the container */
}
@media (max-width: 640px) {
.app {
height: 230px;
}
}
.chart {
width: 100%;
}
.republican-striped { .republican-striped {
background-image: repeating-linear-gradient( background-image: repeating-linear-gradient(
-45deg, -45deg,

66
src/routes/politicians/flow-data/+page.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { formatString } from "$lib/utils"; import { formatString } from "$lib/utils";
import { screenWidth, numberOfUnreadNotification } from "$lib/store"; import { screenWidth } from "$lib/store";
import { onMount } from "svelte"; import { onMount } from "svelte";
import HoverStockChart from "$lib/components/HoverStockChart.svelte"; import HoverStockChart from "$lib/components/HoverStockChart.svelte";
//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte'; //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
@ -83,7 +83,7 @@
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div class="mb-6 border-b-[2px]"> <div class="mb-6 border-b-[2px]">
<h1 class="mb-1 text-white text-2xl sm:text-3xl font-bold"> <h1 class="mb-1 text-2xl sm:text-3xl font-bold">
Latest Trades of Politicians Latest Trades of Politicians
</h1> </h1>
</div> </div>
@ -104,33 +104,24 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto sm:overflow-hidden" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto sm:overflow-hidden"
> >
<table <table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-default border border-gray-800 m-auto" class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-white dark:bg-table border border-gray-300 dark:border-gray-800 m-auto"
> >
<thead class="bg-default"> <thead class="text-muted dark:text-white">
<tr class=""> <tr class="">
<th <th class=" text-start text-sm sm:font-semibold">
class=" text-start bg-default text-white text-sm sm:font-semibold"
>
Person Person
</th> </th>
<td <td class="text-start text-sm sm:font-semibold">
class="text-start bg-default text-white text-sm sm:font-semibold"
>
Company Company
</td> </td>
<td <td class="text-end text-sm sm:font-semibold">
class="text-end bg-default text-white text-sm sm:font-semibold"
>
Date Date
</td> </td>
<td <td class="text-center text-sm sm:font-semibold">
class="text-center bg-default text-white text-sm sm:font-semibold"
>
Amount Amount
</td> </td>
<td <td class=" text-end text-sm sm:font-semibold"
class="text-white text-end text-sm sm:font-semibold"
>Type</td >Type</td
> >
</tr> </tr>
@ -138,7 +129,7 @@
<tbody> <tbody>
{#each displayList as item, index} {#each displayList as item, index}
<tr <tr
class="bg-table odd:bg-odd border-bborder-gray-800 {index + class="dark:sm:hover:bg-[#245073]/10 odd:bg-[#F6F7F8] dark:odd:bg-odd {index +
1 === 1 ===
rawData?.length && rawData?.length &&
!['Pro', 'Plus']?.includes(data?.user?.tier) !['Pro', 'Plus']?.includes(data?.user?.tier)
@ -146,13 +137,11 @@
: ''}" : ''}"
> >
<th <th
class="{index % 2 class="text-sm sm:text-[1rem] whitespace-nowrap"
? 'bg-table'
: 'bg-odd'} text-white text-sm sm:text-[1rem] whitespace-nowrap"
> >
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div <div
class="shrink-0 rounded-full border border-slate-700 w-9 h-9 relative {item?.party === class="shrink-0 rounded-full w-9 h-9 relative {item?.party ===
'Republican' 'Republican'
? 'bg-[#98272B]' ? 'bg-[#98272B]'
: item?.party === 'Democratic' : item?.party === 'Democratic'
@ -177,16 +166,14 @@
), ),
)}</a )}</a
> >
<span class="text-white" <span class="">{item?.party}</span>
>{item?.party}</span
>
</div> </div>
</div> </div>
<!--{item?.firstName} {item?.lastName}--> <!--{item?.firstName} {item?.lastName}-->
</th> </th>
<td <td
class="text-start whitespace-nowrap text-sm sm:text-[1rem] text-blue-400" class="text-start whitespace-nowrap text-sm sm:text-[1rem]"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<HoverStockChart <HoverStockChart
@ -194,7 +181,7 @@
assetType={item?.assetType} assetType={item?.assetType}
/> />
<span class="text-white" <span class=""
>{item?.assetDescription.length > >{item?.assetDescription.length >
charNumber charNumber
? formatString( ? formatString(
@ -211,7 +198,7 @@
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] text-white whitespace-nowrap" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{new Date( {new Date(
item?.disclosureDate, item?.disclosureDate,
@ -224,23 +211,24 @@
</td> </td>
<td <td
class="text-center text-sm sm:text-[1rem] text-white whitespace-nowrap" class="text-center text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.amount?.replace( {item?.amount?.replace(
"$1,000,001 - $5,000,000", "$1,000,001 - $5,000,000",
"$1Mio - $5Mio", "$1Mio - $5Mio",
)} )}
</td> </td>
<td <td class="text-sm sm:text-[1rem] text-end">
class="text-sm sm:text-[1rem] text-end text-white"
>
{#if item?.type === "Bought"} {#if item?.type === "Bought"}
<span <span
class="text-green-600 dark:text-[#00FC50]" class="text-green-600 dark:text-[#00FC50]"
>Bought</span >Bought</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-[#FF2F1F]">Sold</span> <span
class="text-red-600 dark:text-[#FF2F1F]"
>Sold</span
>
{/if} {/if}
</td> </td>
</tr> </tr>
@ -273,7 +261,7 @@
Pro Subscription Pro Subscription
</h2> </h2>
<ArrowLogo <ArrowLogo
class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:text-white" class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:"
/> />
</div> </div>
<span class="p-3 ml-3 mr-3"> <span class="p-3 ml-3 mr-3">
@ -294,9 +282,7 @@
<h2 class="text-start text-xl font-semibold ml-3"> <h2 class="text-start text-xl font-semibold ml-3">
Top Analyst Top Analyst
</h2> </h2>
<ArrowLogo <ArrowLogo class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:" />
class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:text-white"
/>
</div> </div>
<span class="p-3 ml-3 mr-3"> <span class="p-3 ml-3 mr-3">
Get the latest top Wall Street analyst ratings Get the latest top Wall Street analyst ratings
@ -315,9 +301,7 @@
<h2 class="text-start text-xl font-semibold ml-3"> <h2 class="text-start text-xl font-semibold ml-3">
Congress Trading Congress Trading
</h2> </h2>
<ArrowLogo <ArrowLogo class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:" />
class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:text-white"
/>
</div> </div>
<span class="p-3 ml-3 mr-3"> <span class="p-3 ml-3 mr-3">
Get the latest top Congress trading insights. Get the latest top Congress trading insights.

10
src/routes/stock-screener/+page.svelte
View File

@ -3377,7 +3377,7 @@ const handleKeyDown = (event) => {
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%
@ -3484,7 +3484,7 @@ const handleKeyDown = (event) => {
)}%</span )}%</span
> >
{:else if item[row?.rule] < 0} {:else if item[row?.rule] < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item[row?.rule]?.toFixed(2), item[row?.rule]?.toFixed(2),
)}%</span )}%</span
@ -3541,7 +3541,7 @@ const handleKeyDown = (event) => {
>+{item[row?.rule]?.toFixed(2)}%</span >+{item[row?.rule]?.toFixed(2)}%</span
> >
{:else if item[row?.rule] < 0} {:else if item[row?.rule] < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item[row?.rule]?.toFixed(2)}%</span >{item[row?.rule]?.toFixed(2)}%</span
> >
{:else} {:else}
@ -3553,7 +3553,9 @@ const handleKeyDown = (event) => {
>{item[row?.rule]}</span >{item[row?.rule]}</span
> >
{:else if ["Strong Sell", "Sell"].includes(item[row?.rule])} {:else if ["Strong Sell", "Sell"].includes(item[row?.rule])}
<span class="text-[#FF2F1F]">{item[row?.rule]}</span> <span class="text-red-600 dark:text-[#FF2F1F]"
>{item[row?.rule]}</span
>
{:else if item[row?.rule] === "Hold"} {:else if item[row?.rule] === "Hold"}
<span class="text-[#FFA838]">{item[row?.rule]}</span> <span class="text-[#FFA838]">{item[row?.rule]}</span>
{:else} {:else}

4
src/routes/stocks/[tickerID]/insider/congress-trading/+page.svelte
View File

@ -409,7 +409,9 @@
>Bought</span >Bought</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-[#FF2F1F]">Sold</span> <span class="text-red-600 dark:text-[#FF2F1F]"
>Sold</span
>
{:else if item?.type === "Exchange"} {:else if item?.type === "Exchange"}
<span class="text-[#C6A755]">Exchange</span> <span class="text-[#C6A755]">Exchange</span>
{/if} {/if}

2
src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
View File

@ -280,7 +280,7 @@
+{item?.valueGrowth?.toFixed(2)}% +{item?.valueGrowth?.toFixed(2)}%
</span> </span>
{:else if item?.valueGrowth < 0} {:else if item?.valueGrowth < 0}
<span class="text-[#FF2F1F]"> <span class="text-red-600 dark:text-[#FF2F1F]">
{item?.valueGrowth?.toFixed(2)}% {item?.valueGrowth?.toFixed(2)}%
</span> </span>
{:else} {:else}

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

@ -432,7 +432,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentage, item?.changesPercentage,
@ -556,7 +556,7 @@
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -574,7 +574,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-[#FF2F1F]" <span class="text-red-600 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentageOI, item?.changesPercentageOI,

2
src/routes/stocks/[tickerID]/profile/employees/+page.svelte
View File

@ -590,7 +590,7 @@
).toFixed(2)}% ).toFixed(2)}%
</span> </span>
{:else if item?.employeeCount < historyList[index + 1]?.employeeCount} {:else if item?.employeeCount < historyList[index + 1]?.employeeCount}
<span class="text-[#FF2F1F]"> <span class="text-red-600 dark:text-[#FF2F1F]">
-{( -{(
(Math.abs( (Math.abs(
item?.employeeCount - item?.employeeCount -

6
src/routes/watchlist/stocks/+page.svelte
View File

@ -1613,7 +1613,8 @@
>+{item[row?.rule]?.toFixed(2)}%</span >+{item[row?.rule]?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-[#FF2F1F]" <span
class="text-red-600 dark:text-[#FF2F1F]"
>{item[row?.rule]?.toFixed(2)}%</span >{item[row?.rule]?.toFixed(2)}%</span
> >
{/if} {/if}
@ -1624,7 +1625,8 @@
>{item[row?.rule]}</span >{item[row?.rule]}</span
> >
{:else if ["Strong Sell", "Sell"].includes(item[row?.rule])} {:else if ["Strong Sell", "Sell"].includes(item[row?.rule])}
<span class="text-[#FF2F1F]" <span
class="text-red-600 dark:text-[#FF2F1F]"
>{item[row?.rule]}</span >{item[row?.rule]}</span
> >
{:else if item[row?.rule] === "Hold"} {:else if item[row?.rule] === "Hold"}