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 2025-01-30 15:17:01 +01:00
parent 31fe8f7719
commit a80a1a3ff8
2 changed files with 190 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/lib/components/NextEarnings.svelte
View File

@ -68,6 +68,22 @@
during market hours. during market hours.
{/if} {/if}
<br />Analysts project revenue of <br />Analysts project revenue of
{#if data?.user?.tier !== "Pro"}
... Unlock content with
<a
class="inline-block ml-0.5 text-blue-400 sm:hover:text-white"
href="/pricing"
>Pro Subscription <svg
class="w-4 h-4 mb-1 inline-block text[#A3A3A3] sm:hover:text-white"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="currentColor"
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
/></svg
></a
>
{:else}
<span class="font-semibold" <span class="font-semibold"
>{@html abbreviateNumber(rawData?.revenueEst, true, true)}</span >{@html abbreviateNumber(rawData?.revenueEst, true, true)}</span
>, reflecting a >, reflecting a
@ -81,7 +97,11 @@
? abbreviateNumber(revenueRatio) + "%" ? abbreviateNumber(revenueRatio) + "%"
: "n/a"}</span : "n/a"}</span
> >
YoY {revenueRatio > 0 ? "growth" : revenueRatio < 0 ? "shrinking" : ""} YoY {revenueRatio > 0
? "growth"
: revenueRatio < 0
? "shrinking"
: ""}
{#if epsRatio !== null} {#if epsRatio !== null}
and earnings per share of and earnings per share of
<span class="font-semibold">{rawData?.epsEst}</span>, making a <span class="font-semibold">{rawData?.epsEst}</span>, making a
@ -95,6 +115,7 @@
and earnings per share of and earnings per share of
<span class="font-semibold">{rawData?.epsEst}</span>. <span class="font-semibold">{rawData?.epsEst}</span>.
{/if} {/if}
{/if}
</div> </div>
</div> </div>
</div> </div>

102
src/routes/+page.svelte
View File

@ -387,7 +387,42 @@
<Card.Content> <Card.Content>
{#if recentWIIM?.length !== 0} {#if recentWIIM?.length !== 0}
<ul style="padding-left: 5px;"> <ul style="padding-left: 5px;">
{#each recentWIIM as item} {#each recentWIIM as item, index}
{#if index >= 3 && data?.user?.tier !== "Pro"}
<li
class="text-sm sm:text-[1rem]"
style="margin-left: 8px; margin-bottom: 15px; list-style-type: disc;"
>
{item?.text?.slice(0, 48) + "..."}
<a href="/pricing" class="inline-block text-sm">
<svg
class="size-5 text-[#fff] inline-block"
viewBox="0 0 20 20"
fill="currentColor"
style="max-width: 40px;"
>
<path
fill-rule="evenodd"
d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
clip-rule="evenodd"
>
</path>
</svg>
<span
class="ml-1 font-semibold text-gray-300 group-hover:text-white"
>
Upgrade
</span>
</a>
<a
href={`/stocks/${item?.ticker}`}
class="inline-block badge rounded-sm ml-1 px-2 m-auto text-blue-400 sm:hover:text-white"
>{item?.ticker}</a
>
</li>
{:else}
<li <li
class="text-sm sm:text-[1rem]" class="text-sm sm:text-[1rem]"
style="margin-left: 8px; margin-bottom: 15px; list-style-type: disc;" style="margin-left: 8px; margin-bottom: 15px; list-style-type: disc;"
@ -400,6 +435,7 @@
>{item?.ticker}</a >{item?.ticker}</a
> >
</li> </li>
{/if}
{/each} {/each}
</ul> </ul>
{:else} {:else}
@ -648,7 +684,61 @@
<Card.Content> <Card.Content>
{#if data?.getDashboard?.upcomingEarnings?.length !== 0} {#if data?.getDashboard?.upcomingEarnings?.length !== 0}
<ul style="padding-left: 5px;"> <ul style="padding-left: 5px;">
{#each data?.getDashboard?.upcomingEarnings as item} {#each data?.getDashboard?.upcomingEarnings as item, index}
{#if index >= 3 && data?.user?.tier !== "Pro"}
<li
class="text-sm sm:text-[1rem]"
style=" margin-left: 8px; margin-bottom: 30px; list-style-type: disc;"
>
<strong>{item?.name}</strong> (<HoverStockChart
symbol={item?.symbol}
/>)
{item?.isToday === true
? "will report today"
: [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
].includes(
new Date().toLocaleDateString("en-US", {
weekday: "long",
}),
)
? "will report tomorrow"
: "will report monday"}
{#if item?.time}
{#if compareTimes(item?.time, "16:00") >= 0}
after market closes.
{:else if compareTimes(item?.time, "09:30") <= 0}
before market opens.
{:else}
during market.
{/if}
{/if}Analysts estimate ...
<a href="/pricing" class="inline-block text-sm">
<svg
class="size-5 text-[#fff] inline-block"
viewBox="0 0 20 20"
fill="currentColor"
style="max-width: 40px;"
>
<path
fill-rule="evenodd"
d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
clip-rule="evenodd"
>
</path>
</svg>
<span
class="ml-1 font-semibold text-gray-300 group-hover:text-white"
>
Upgrade
</span>
</a>
</li>
{:else}
<li <li
class="text-sm sm:text-[1rem]" class="text-sm sm:text-[1rem]"
style=" margin-left: 8px; margin-bottom: 30px; list-style-type: disc;" style=" margin-left: 8px; margin-bottom: 30px; list-style-type: disc;"
@ -685,11 +775,13 @@
100 100
)?.toFixed(2)}% YoY) and {item?.epsEst} in earnings per share )?.toFixed(2)}% YoY) and {item?.epsEst} in earnings per share
{#if item?.epsPrior !== 0} {#if item?.epsPrior !== 0}
({((item?.epsEst / item?.epsPrior - 1) * 100)?.toFixed( ({(
2, (item?.epsEst / item?.epsPrior - 1) *
)}% YoY). 100
)?.toFixed(2)}% YoY).
{/if} {/if}
</li> </li>
{/if}
{/each} {/each}
</ul> </ul>
{:else} {:else}