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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-12-10 22:53:40 +01:00
parent 429f8cb676
commit 0728d57fb5
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/lib/components/EarningsSurprise.svelte
View File

@ -28,10 +28,14 @@
$: { $: {
if ($stockTicker && typeof window !== "undefined") { if ($stockTicker && typeof window !== "undefined") {
rawData = data?.getEarningsSurprise; rawData = data?.getEarningsSurprise;
epsRatio = ( epsRatio =
((rawData?.eps - rawData?.epsPrior) / Math.abs(rawData?.epsPrior)) * rawData?.epsPrior === 0
100 ? null
)?.toFixed(2); : (
((rawData?.eps - rawData?.epsPrior) /
Math.abs(rawData?.epsPrior)) *
100
)?.toFixed(2);
revenueRatio = ( revenueRatio = (
(rawData?.revenue / rawData?.revenuePrior - 1) * (rawData?.revenue / rawData?.revenuePrior - 1) *
100 100
@ -99,18 +103,22 @@
</li> </li>
<li <li
class="ml-[20px] sm:ml-[30px]" class="ml-[20px] sm:ml-[30px]"
style="color: #fff; line-height: 22px; margin-top:0px; margin-bottom: 15px; list-style-type: disc;" style="color: #fff; line-height: 22px; margin-top: 0px; margin-bottom: 15px; list-style-type: disc;"
> >
EPS of <span class="font-semibold">{rawData?.eps}</span> EPS of <span class="font-semibold">{rawData?.eps}</span>
{rawData?.epsSurprise > 0 ? "exceeds" : "misses"} estimates by {rawData?.epsSurprise?.toFixed( {rawData?.epsSurprise > 0 ? "exceeds" : "misses"} estimates by {rawData?.epsSurprise?.toFixed(
2, 2,
)}, with )}, with
<span <span
class="font-semibold {epsRatio > 0 class="font-semibold {epsRatio === null
? "before:content-['+'] text-[#00FC50]" ? 'text-white'
: 'text-[#FF2F1F]'}">{epsRatio}%</span : epsRatio > 0
? 'text-[#00FC50]'
: 'text-[#FF2F1F]'}"
> >
YoY {epsRatio < 0 ? "decline" : "growth"}. {epsRatio === null ? "n/a" : `${epsRatio}%`}
</span>
YoY {epsRatio === null ? "" : epsRatio < 0 ? "decline" : "growth"}.
</li> </li>
</div> </div>
</div> </div>