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-31 01:16:37 +02:00
parent 1f7c7bc402
commit 1e6e90d616
11 changed files with 232 additions and 234 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/blog/article/[slug]/+page.svelte
View File

@ -21,9 +21,9 @@
/> />
<section <section
class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-5 px-4 lg:px-3" class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pb-20 pt-3 px-4 lg:px-3"
> >
<div class="w-full overflow-hidden m-auto mt-5"> <div class="w-full overflow-hidden m-auto">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden"> <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<main id="main" class="mt-2 w-full"> <main id="main" class="mt-2 w-full">
{#if article?.cover} {#if article?.cover}
@ -42,16 +42,16 @@
<article <article
class="z-5 relative mx-1 {article?.cover class="z-5 relative mx-1 {article?.cover
? '-mt-10 lg:-mt-16' ? '-mt-10 lg:-mt-16'
: 'mt-5'} rounded-t-md bg-white dark:bg-default p-3 xs:p-4 lg:ml-3 lg:p-5 xl:mx-4" : 'lg:-mt-8'} rounded-t-md bg-white dark:bg-default p-3 xs:p-4 lg:ml-3 lg:p-5 xl:mx-4"
> >
<header <header
class="pb-3 border-b-[2px] border-muted dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]" class="pb-3 border-b-[2px] border-muted dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]"
> >
<h1 class="mb-3 text-2xl sm:text-3xl font-bold md:text-4xl"> <h1 class="mb-3 text-2xl sm:text-4xl font-bold">
{article?.title} {article?.title}
</h1> </h1>
<div class=""> <div class="">
<div> <div class="italic text-sm">
Last Updated: {new Date(article?.updated)?.toLocaleString( Last Updated: {new Date(article?.updated)?.toLocaleString(
"en-US", "en-US",
{ {

24
src/routes/faq/+page.svelte
View File

@ -38,7 +38,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
1. Is there a guide on how to use Stocknear’s features? 1. Is there a guide on how to use Stocknear’s features?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Yes! We've created the Yes! We've created the
<a <a
href="/learning-center" href="/learning-center"
@ -52,7 +52,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
2. How long does it take to see earnings releases? 2. How long does it take to see earnings releases?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Earnings reports are available on Stocknear within 1-5 minutes Earnings reports are available on Stocknear within 1-5 minutes
after they go live. after they go live.
</p> </p>
@ -60,17 +60,17 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
3. Why is your data different from other finance sites? 3. Why is your data different from other finance sites?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Like other platforms, we source data from third-party providers. Like other platforms, we source data from third-party providers.
With thousands of stocks and funds worldwide, manual data With thousands of stocks and funds worldwide, manual data
collection is impractical. collection is impractical.
</p> </p>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Data providers rely on automated methods, which can lead to Data providers rely on automated methods, which can lead to
variations between platforms. Differences in definitions and variations between platforms. Differences in definitions and
collection techniques can cause slight discrepancies. collection techniques can cause slight discrepancies.
</p> </p>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
If you notice an inaccuracy, please contact us at <a If you notice an inaccuracy, please contact us at <a
href={`mailto:${emailAddress}`} href={`mailto:${emailAddress}`}
class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white" class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
@ -81,7 +81,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
4. Is the Options data real-time or delayed? 4. Is the Options data real-time or delayed?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Our <a Our <a
href="/options-flow" href="/options-flow"
class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white" class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
@ -93,7 +93,7 @@
5. Why do other platforms show options data that Stocknear 5. Why do other platforms show options data that Stocknear
doesn’t? doesn’t?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
We focus on unusual options activity from hedge funds and We focus on unusual options activity from hedge funds and
institutional traders. Retail investor contracts are excluded to institutional traders. Retail investor contracts are excluded to
eliminate noise and highlight significant market moves. eliminate noise and highlight significant market moves.
@ -102,7 +102,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
6. Is Dark Pool data real-time or delayed? 6. Is Dark Pool data real-time or delayed?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Dark Pool data is delayed by 15 minutes. We partner with major Dark Pool data is delayed by 15 minutes. We partner with major
exchanges to provide exclusive Wall Street insights typically exchanges to provide exclusive Wall Street insights typically
reserved for institutional traders. reserved for institutional traders.
@ -111,14 +111,14 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
7. I found an error in the data. What should I do? 7. I found an error in the data. What should I do?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Please email <a Please email <a
href={`mailto:${emailAddress}`} href={`mailto:${emailAddress}`}
class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white" class="text-blue-700 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
>{emailAddress}</a >{emailAddress}</a
>, and we’ll investigate immediately. >, and we’ll investigate immediately.
</p> </p>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
We manually verify every error report and work with data We manually verify every error report and work with data
providers to ensure corrections are made at the source. providers to ensure corrections are made at the source.
</p> </p>
@ -126,7 +126,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
8. Can I request new features? How can I contact you? 8. Can I request new features? How can I contact you?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Absolutely! Email us or join our <a Absolutely! Email us or join our <a
href={discordURL} href={discordURL}
rel="noopener noreferrer" rel="noopener noreferrer"
@ -140,7 +140,7 @@
<h2 class="mb-1 text-xl sm:text-2xl font-bold"> <h2 class="mb-1 text-xl sm:text-2xl font-bold">
9. Do you offer an API? 9. Do you offer an API?
</h2> </h2>
<p class="mb-10 mt-5 text-[1rem] sm:text-lg"> <p class="mb-5 mt-5 text-[1rem] sm:text-lg">
Not at the moment. We license data from third-party providers Not at the moment. We license data from third-party providers
and don’t have redistribution rights. However, we plan to offer and don’t have redistribution rights. However, we plan to offer
an API in the future. an API in the future.

20
src/routes/imprint/+page.svelte
View File

@ -33,7 +33,7 @@
According to § 5 Telemediengesetz (TMG) ‍ According to § 5 Telemediengesetz (TMG) ‍
</p> </p>
<p class=" mb-10"> <p class=" mb-5">
Stocknear GmbH Stocknear GmbH
<br /> <br />
Am Lohgraben 30 Am Lohgraben 30
@ -46,25 +46,25 @@
class="text-blue-700 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline" class="text-blue-700 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
>{emailAddress}</a >{emailAddress}</a
>. >.
<br /> <br class="mb-3" />
<br />
Managing Director (<span class="italic">Geschäftsführer</span>): Managing Director (<span class="italic">Geschäftsführer</span>):
Muslem Rahimi Muslem Rahimi
<br /> <br class="mb-3" />
<br />
Registered in the commercial register at the local court at Siegen Registered in the commercial register at the local court at
under: HRB 13800 Siegen under: HRB 13800
<br /> <br />
VAT ID: DE366905061 VAT ID: DE366905061
</p> </p>
<p class=" mb-10"> <p class="mb-5">
Responsible for the content according § 55 Abs. 2 RStV Responsible for the content according § 55 Abs. 2 RStV
<br /> <br />
Notice according to the Online Dispute Settlement Regulation Notice according to the Online Dispute Settlement Regulation
</p> </p>
<p class=" mb-10"> <p class="mb-5">
Under applicable law, we are required to inform consumers of the Under applicable law, we are required to inform consumers of the
existence of the European Online Dispute Resolution platform, existence of the European Online Dispute Resolution platform,
which can be used to resolve disputes without having to go to which can be used to resolve disputes without having to go to
@ -86,7 +86,7 @@
(VSBG) (VSBG)
</h2> </h2>
<p class=" mb-10"> <p class=" mb-5">
We are not willing and obliged to participate in dispute We are not willing and obliged to participate in dispute
resolution proceedings before a consumer arbitration board. resolution proceedings before a consumer arbitration board.
</p> </p>

1
src/routes/insider-tracker/+page.server.ts
View File

@ -12,7 +12,6 @@ export const load = async ({ locals }) => {
}); });
let output = await response.json(); let output = await response.json();
output = !["Pro", "Plus"]?.includes(user?.tier) ? output?.slice(0, 6) : output;
return output; return output;
}; };

23
src/routes/insider-tracker/+page.svelte
View File

@ -12,10 +12,8 @@
export let data; export let data;
let isLoaded = true;
let rawData = processTickerData(data?.getInsiderTracker) ?? []; let rawData = processTickerData(data?.getInsiderTracker) ?? [];
let stockList = rawData?.slice(0, 50) ?? []; let stockList = rawData?.slice(0, 50) ?? [];
isLoaded = true;
function processTickerData(data) { function processTickerData(data) {
const symbolMap = new Map(); const symbolMap = new Map();
@ -186,7 +184,6 @@
<h1 class="mb-1 text-2xl sm:text-3xl font-bold">Insider Tracker</h1> <h1 class="mb-1 text-2xl sm:text-3xl font-bold">Insider Tracker</h1>
</div> </div>
{#if isLoaded}
<Infobox <Infobox
text="We update our data in real time to bring you the latest text="We update our data in real time to bring you the latest
insights on unusual insider trading, sourced from SEC insights on unusual insider trading, sourced from SEC
@ -268,8 +265,8 @@
<td <td
class="text-sm sm:text-[1rem] whitespace-nowrap text-end {item?.changesPercentage >= class="text-sm sm:text-[1rem] whitespace-nowrap text-end {item?.changesPercentage >=
0 0
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{item?.changesPercentage > 0 {item?.changesPercentage > 0
? "+" ? "+"
@ -285,9 +282,9 @@
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap {item?.transactionType === class="text-end text-sm sm:text-[1rem] whitespace-nowrap {item?.transactionType ===
'Buy' 'Buy'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: item?.transactionType === 'Sell' : item?.transactionType === 'Sell'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-[#E57C34]'}" : 'text-[#E57C34]'}"
> >
<div class="flex flex-row items-center justify-end"> <div class="flex flex-row items-center justify-end">
@ -344,18 +341,6 @@
</div> </div>
<UpgradeToPro {data} /> <UpgradeToPro {data} />
</div> </div>
{:else}
<div class="flex justify-center items-center h-80">
<div class="relative">
<label
class="bg-secondary rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
<span class="loading loading-spinner loading-md text-gray-400"
></span>
</label>
</div>
</div>
{/if}
</main> </main>
</div> </div>
</div> </div>

15
src/routes/notifications/+page.svelte
View File

@ -289,21 +289,6 @@
{/if} {/if}
{/each} {/each}
</div> </div>
{:else}
<div
class="mt-5 font-semibold text-[1rem] justify-center items-center m-auto"
>
Empty just like our souls...
<svg
class="inline-block w-4 h-4 m-auto mb-2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 1200"
><path
fill="white"
d="M567.663 0v190.423h64.679V0h-64.685h.006zm-264.11 57.225l-52.992 37.103l109.203 155.946l52.963-37.104L303.553 57.225zm592.886 0L787.268 213.171l52.971 37.104L949.44 94.328l-52.992-37.103h-.009zm-296.45 185.299c-158.227 0-286.493 96.083-286.493 214.625l162.772 492.948h247.47l162.758-492.948c0-118.54-128.258-214.625-286.492-214.625h-.015zM85.465 299.673l-22.099 60.814l178.849 65.114l22.181-60.785l-178.935-65.143h.004zm1029.062 0l-178.936 65.148l22.106 60.792l178.936-65.125l-22.106-60.815zM255.756 577.681l-183.9 49.326l16.686 62.431l183.9-49.255l-16.683-62.502h-.003zm688.48 0l-16.674 62.501l183.9 49.247l16.674-62.432l-183.9-49.318v.002zM472.66 986.032v85.686h254.687v-85.673H472.661l-.001-.013zm0 128.282V1200h254.687v-85.672H472.661l-.001-.014z"
/></svg
>
</div>
{/if} {/if}
</main> </main>

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

@ -340,11 +340,13 @@
> >
<span class=""> <span class="">
{#if item?.type === "Bought"} {#if item?.type === "Bought"}
<span class="text-green-600 dark:text-[#00FC50]" <span
class="text-green-700 dark:text-[#00FC50] font-semibold dark:font-normal"
>{item?.type}</span >{item?.type}</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-red-600 dark:text-[#FF2F1F]" <span
class="text-red-700 dark:text-[#FF2F1F] font-semibold dark:font-normal"
>{item?.type}</span >{item?.type}</span
> >
{:else if item?.type === "Exchange"} {:else if item?.type === "Exchange"}

34
src/routes/price-alert/+page.svelte
View File

@ -418,16 +418,30 @@
<!-- head --> <!-- head -->
<thead class="text-muted dark:text-white dark:bg-default"> <thead class="text-muted dark:text-white dark:bg-default">
<tr class=""> <tr class="">
<th class=" font-semibold text-sm">Symbol</th> <th class=" font-semibold text-sm sm:text-[1rem]"
<th class=" font-semibold text-sm">Company</th> >Symbol</th
>
<th class=" font-semibold text-sm sm:text-[1rem]"
>Company</th
>
<th class=" font-semibold text-end text-sm" <th class=" font-semibold text-end text-sm sm:text-[1rem]"
>Price Target</th >Price Target</th
> >
<th class=" font-semibold text-end text-sm">Condition</th> <th class=" font-semibold text-end text-sm sm:text-[1rem]"
<th class=" font-semibold text-end text-sm"> Price</th> >Condition</th
<th class=" font-semibold text-end text-sm">% Change</th> >
<th class=" font-semibold text-end text-sm">Volume</th> <th
class=" font-semibold text-end text-sm sm:text-[1rem]"
>
Price</th
>
<th class=" font-semibold text-end text-sm sm:text-[1rem]"
>% Change</th
>
<th class=" font-semibold text-end text-sm sm:text-[1rem]"
>Volume</th
>
</tr> </tr>
</thead> </thead>
<tbody class="p-3"> <tbody class="p-3">
@ -490,11 +504,11 @@
class=" text-sm sm:text-[1rem] whitespace-nowrap text-end" class=" text-sm sm:text-[1rem] whitespace-nowrap text-end"
> >
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage?.toFixed(2)}%</span >+{item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage?.toFixed(2)}% >{item?.changesPercentage?.toFixed(2)}%
</span> </span>
{/if} {/if}
@ -536,7 +550,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="#A3A3A3" 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" 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 /></svg
> >

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

@ -359,7 +359,7 @@
? 'text-green-700 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: item?.avgSentiment < -0.1 : item?.avgSentiment < -0.1
? 'text-red-700 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-[#C6A755]'} " : 'text-yellow-600 dark:text-[#C6A755]'} "
>{item?.avgSentiment > 0.4 >{item?.avgSentiment > 0.4
? "Bullish" ? "Bullish"
: item?.avgSentiment <= -0.1 : item?.avgSentiment <= -0.1

40
src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
View File

@ -252,6 +252,9 @@
function plotData() { function plotData() {
const filteredData = filterDataByTimePeriod(rawData, timePeriod); const filteredData = filterDataByTimePeriod(rawData, timePeriod);
const fillColorStart = "rgb(70, 129, 244,0.5)";
const fillColorEnd = "rgb(70, 129, 244,0.001)";
const options = { const options = {
credits: { credits: {
enabled: false, enabled: false,
@ -262,7 +265,7 @@
height: 360, // Set the maximum height for the chart height: 360, // Set the maximum height for the chart
}, },
title: { title: {
text: `<h3 class="mt-3 mb-1 ">${$stockTicker} Market Cap</h3>`, text: `<h3 class="mt-3 mb-1 ">${removeCompanyStrings($displayCompanyName)} Market Cap</h3>`,
style: { style: {
color: $mode === "light" ? "black" : "white", color: $mode === "light" ? "black" : "white",
// Using inline CSS for margin-top and margin-bottom // Using inline CSS for margin-top and margin-bottom
@ -282,7 +285,7 @@
style: { style: {
color: $mode === "light" ? "#545454" : "white", color: $mode === "light" ? "#545454" : "white",
}, },
distance: 20, // Increases space between label and axis distance: 10, // Increases space between label and axis
formatter: function () { formatter: function () {
const date = new Date(this.value); const date = new Date(this.value);
return date.toLocaleDateString("en-US", { return date.toLocaleDateString("en-US", {
@ -308,7 +311,7 @@
gridLineWidth: 1, gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827", gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
title: { text: null }, title: { text: null },
opposite: true, opposite: true,
@ -338,7 +341,6 @@
// Loop through each point in the shared tooltip // Loop through each point in the shared tooltip
this.points.forEach((point) => { this.points.forEach((point) => {
tooltipContent += ` tooltipContent += `
<span style="display:inline-block; width:10px; height:10px; background-color:${point.color}; border-radius:50%; margin-right:5px;"></span>
<span class="font-semibold text-sm">${point.series.name}:</span> <span class="font-semibold text-sm">${point.series.name}:</span>
<span class="font-normal text-sm">${abbreviateNumber(point.y)}</span><br>`; <span class="font-normal text-sm">${abbreviateNumber(point.y)}</span><br>`;
}); });
@ -366,16 +368,16 @@
name: "Mkt Cap", name: "Mkt Cap",
type: "area", type: "area",
data: filteredData?.marketCapList, data: filteredData?.marketCapList,
color: $mode === "light" ? "blue" : "white", color: "#4681f4",
lineWidth: 1, lineWidth: 1.3,
marker: { marker: {
enabled: false, enabled: false,
}, },
fillColor: { fillColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
stops: [ stops: [
[0, "rgba(255, 255, 255, 0.1)"], [0, fillColorStart],
[1, "rgba(255, 255, 255, 0.001)"], [1, fillColorEnd],
], ],
}, },
}, },
@ -521,10 +523,10 @@
<span <span
class="text-sm {changePercentageYearAgo >= 0 && class="text-sm {changePercentageYearAgo >= 0 &&
changePercentageYearAgo !== null changePercentageYearAgo !== null
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: changePercentageYearAgo < 0 && : changePercentageYearAgo < 0 &&
changePercentageYearAgo !== null changePercentageYearAgo !== null
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''}" : ''}"
> >
{changePercentageYearAgo >= 0 ? "Positive" : "Negative"} {changePercentageYearAgo >= 0 ? "Positive" : "Negative"}
@ -713,14 +715,20 @@
<div class="w-full overflow-x-auto"> <div class="w-full overflow-x-auto">
<table <table
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 mt-4" 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 mt-2"
> >
<thead class="text-muted dark:text-white dark:bg-default"> <thead class="text-muted dark:text-white dark:bg-default">
<tr> <tr>
<th class=" font-semibold text-start text-sm">Date</th> <th
<th class=" font-semibold text-end text-sm">Market Cap</th class=" font-semibold text-start text-sm sm:text-[1rem]"
>Date</th
>
<th class=" font-semibold text-end text-sm sm:text-[1rem]"
>Market Cap</th
>
<th class=" font-semibold text-end text-sm sm:text-[1rem]"
>% Change</th
> >
<th class=" font-semibold text-end text-sm">% Change</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -749,7 +757,7 @@
{#if index === tableList?.length - 1} {#if index === tableList?.length - 1}
n/a n/a
{:else if item?.marketCap > tableList[index + 1]?.marketCap} {:else if item?.marketCap > tableList[index + 1]?.marketCap}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
+{( +{(
((item?.marketCap - ((item?.marketCap -
tableList[index + 1]?.marketCap) / tableList[index + 1]?.marketCap) /
@ -758,7 +766,7 @@
)?.toFixed(2)}% )?.toFixed(2)}%
</span> </span>
{:else if item?.marketCap < tableList[index + 1]?.marketCap} {:else if item?.marketCap < tableList[index + 1]?.marketCap}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
-{( -{(
Math.abs( Math.abs(
(item?.marketCap - (item?.marketCap -

19
src/routes/stocks/[tickerID]/statistics/revenue/+page.svelte
View File

@ -114,7 +114,7 @@
categories: dates, categories: dates,
gridLineWidth: 0, gridLineWidth: 0,
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
formatter: function () { formatter: function () {
return timeIdx === 0 ? this?.value?.substring(0, 4) : this?.value; return timeIdx === 0 ? this?.value?.substring(0, 4) : this?.value;
}, },
@ -124,7 +124,7 @@
gridLineWidth: 1, gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827", gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
title: { text: null }, title: { text: null },
opposite: true, opposite: true,
@ -420,13 +420,18 @@
> >
<thead class="text-muted dark:text-white dark:bg-default"> <thead class="text-muted dark:text-white dark:bg-default">
<tr> <tr>
<th class=" font-semibold text-start text-sm" <th
class=" font-semibold text-start text-sm sm:text-[1rem]"
>{activeIdx === 0 >{activeIdx === 0
? "Fiscal Year End" ? "Fiscal Year End"
: "Quarter Ended"}</th : "Quarter Ended"}</th
> >
<th class=" font-semibold text-end text-sm">Revenue</th> <th class=" font-semibold text-end text-sm sm:text-[1rem]"
<th class=" font-semibold text-end text-sm">% Change</th> >Revenue</th
>
<th class=" font-semibold text-end text-sm sm:text-[1rem]"
>% Change</th
>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -455,7 +460,7 @@
{#if index === tableList?.length - 1} {#if index === tableList?.length - 1}
n/a n/a
{:else if item?.revenue > tableList[index + 1]?.revenue} {:else if item?.revenue > tableList[index + 1]?.revenue}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
+{( +{(
((item?.revenue - ((item?.revenue -
tableList[index + 1]?.revenue) / tableList[index + 1]?.revenue) /
@ -464,7 +469,7 @@
)?.toFixed(2)}% )?.toFixed(2)}%
</span> </span>
{:else if item?.revenue < tableList[index + 1]?.revenue} {:else if item?.revenue < tableList[index + 1]?.revenue}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
-{( -{(
Math.abs( Math.abs(
(item?.revenue - (item?.revenue -