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

update metrics page

Browse Source
This commit is contained in:
MuslemRahimi 2024-10-22 22:34:18 +02:00
parent 7ff58b24f6
commit 4188df0829
4 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -804,7 +804,7 @@ function handleTypeOfTrade(state:string)
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]" : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
/> />
</li> </li>
{#if ["nvda", "aapl", "gme"]?.includes($stockTicker?.toLowerCase())} {#if ["amd", "save", "ba", "adbe", "nflx", "pltr", "msft", "meta", "tsla", "nvda", "aapl", "gme"]?.includes($stockTicker?.toLowerCase())}
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
<a <a
href={`/stocks/${$stockTicker}/metrics`} href={`/stocks/${$stockTicker}/metrics`}

16
src/routes/stocks/[tickerID]/metrics/+layout.svelte
View File

@ -11,8 +11,11 @@
subsectionTitles?.map((title) => { subsectionTitles?.map((title) => {
const key = title const key = title
?.toLowerCase() ?.toLowerCase()
?.replace(/ & /g, "-") ?.replace(/&/g, "") // Remove & symbol
?.replace(/ /g, "-"); ?.replace(/\s+/g, "-") // Replace spaces with dash
?.replace(/-{2,}/g, "-") // Replace multiple dashes with single dash
?.replace(/^-|-$/g, "") // Remove leading/trailing dashes
?.trim();
return [key, key === "overview" ? "" : key]; return [key, key === "overview" ? "" : key];
}), }),
); );
@ -68,9 +71,12 @@
> >
{#each subsectionTitles?.slice(0, 4) as title} {#each subsectionTitles?.slice(0, 4) as title}
{@const sectionKey = title {@const sectionKey = title
.toLowerCase() ?.toLowerCase()
.replace(/ & /g, "-") ?.replace(/&/g, "") // Remove & symbol
.replace(/ /g, "-")} ?.replace(/\s+/g, "-") // Replace spaces with dash
?.replace(/-{2,}/g, "-") // Replace multiple dashes with single dash
?.replace(/^-|-$/g, "") // Remove leading/trailing dashes
?.trim()}
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
<a <a
href={getHref(sectionKey)} href={getHref(sectionKey)}

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

@ -9,18 +9,21 @@
export let data; export let data;
const names = data?.getBusinessMetrics?.revenue?.names || []; const names = data?.getBusinessMetrics?.revenue?.names || [];
const subsectionTitles = ["Overview", ...names]; const subsectionTitles = ["Overview", ...names];
const sectionMap = Object.fromEntries( const sectionMap = Object.fromEntries(
subsectionTitles?.map((title) => { subsectionTitles?.map((title) => {
const key = title const key = title
?.toLowerCase() ?.toLowerCase()
?.replace(/ & /g, "-") ?.replace(/&/g, "") // Remove & symbol
?.replace(/ /g, "-"); ?.replace(/\s+/g, "-") // Replace spaces with dash
?.replace(/-{2,}/g, "-") // Replace multiple dashes with single dash
?.replace(/^-|-$/g, "") // Remove leading/trailing dashes
?.trim();
return [key, key === "overview" ? "" : key]; return [key, key === "overview" ? "" : key];
}), }),
); );
const dataset = data?.getBusinessMetrics?.revenue?.history || []; const dataset = data?.getBusinessMetrics?.revenue?.history || [];
const geographicDataset = data?.getBusinessMetrics?.geographic?.history || []; const geographicDataset = data?.getBusinessMetrics?.geographic?.history || [];

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

@ -18,7 +18,13 @@
const names = const names =
data?.getBusinessMetrics?.revenue?.names?.map((name) => data?.getBusinessMetrics?.revenue?.names?.map((name) =>
name?.toLowerCase()?.replace(/[ &]+/g, "-"), name
?.toLowerCase()
?.replace(/&/g, "") // Remove & symbol
?.replace(/\s+/g, "-") // Replace spaces with dash
?.replace(/-{2,}/g, "-") // Replace multiple dashes with single dash
?.replace(/^-|-$/g, "") // Remove leading/trailing dashes
?.trim(),
) || []; ) || [];
let isLoaded = false; let isLoaded = false;