Sector
item?.title === sector)?.link}
class="sm:hover:text-blue-400 text-white underline underline-offset-4"
>{sector}
diff --git a/src/routes/industry/all/+page.svelte b/src/routes/industry/all/+page.svelte
index ae81dcb3..244d2515 100644
--- a/src/routes/industry/all/+page.svelte
+++ b/src/routes/industry/all/+page.svelte
@@ -1,104 +1,123 @@
-
-
-
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 7f097f91..9189f2f8 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -28,7 +28,6 @@
import DividendAnnouncement from "$lib/components/DividendAnnouncement.svelte";
import Sidecard from "$lib/components/Sidecard.svelte";
- import Lazy from "$lib/components/Lazy.svelte";
import { convertTimestamp } from "$lib/utils";
import { Button } from "$lib/components/shadcn/button/index.js";
import * as DropdownMenu from "$lib/components/shadcn/dropdown-menu/index.js";
@@ -424,68 +423,6 @@
}
}
- async function handleCrosshairMove({ detail: param }) {
- if (
- param?.time &&
- !isNaN(
- param?.seriesData?.get(lineLegend)?.close ??
- param?.seriesData?.get(lineLegend)?.value,
- )
- ) {
- $isCrosshairMoveActive = true;
- try {
- let graphData;
- graphData = param?.seriesData?.get(lineLegend);
-
- const price = graphData?.close ?? graphData?.value;
- const dateObj = graphData?.time;
- const date = ["1D", "1W", "1M"]?.includes(displayData)
- ? new Date(dateObj * 1000)
- : new Date(dateObj);
- const options = {
- day: "2-digit",
- month: "short",
- year: "numeric",
- hour: "numeric",
- minute: "2-digit",
- timeZone: "UTC",
- };
- //const formattedDate = (displayData === '1D' || displayData === '1W' || displayData === '1M') ? date.toLocaleString('en-GB', options).replace(/\//g, '.') : date.toLocaleDateString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric' })?.replace(/\//g, '.');
-
- const formattedDate =
- displayData === "1D" || displayData === "1W" || displayData === "1M"
- ? date.toLocaleString("en-US", options)
- : date.toLocaleDateString("en-US", {
- day: "2-digit",
- month: "short",
- year: "numeric",
- });
-
- const change = (
- (price / displayLastLogicalRangeValue - 1) *
- 100
- )?.toFixed(2);
-
- displayLegend = {
- close: price?.toFixed(2),
- date: formattedDate,
- change: change,
- };
- } catch (error) {
- //pass;
- }
- } else {
- //currentDataRow = oneDayPrice[oneDayPrice?.length - 1];
- const length = oneDayPrice?.length;
- for (let i = length - 1; i >= 0; i--) {
- if (!isNaN(oneDayPrice[i]?.close)) {
- currentDataRow = oneDayPrice[i];
- break;
- }
- }
- }
- }
-
let displayLastLogicalRangeValue;
const fitContentChart = async () => {
@@ -735,56 +672,6 @@
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
- /*
- if (data?.user) {
- const response = await fetch("/api/historical-price", {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify({ ticker: $stockTicker, timePeriod: timePeriod }),
- });
-
- exportList = await response.json();
-
- exportList = exportList?.map(
- ({ time, open, high, low, close, date }) => ({
- date: timePeriod === "max" ? time : date, // Use 'time' if timePeriod is "max", otherwise use 'date'
- open,
- high,
- low,
- close,
- }),
- );
-
- const csvRows = [];
-
- // Add headers row
- csvRows.push("time,open,high,low,close");
-
- // Add data rows
- for (const row of exportList) {
- const csvRow = `${row.date},${row.open},${row.high},${row.low},${row.close}`;
- csvRows.push(csvRow);
- }
-
- // Create CSV blob and trigger download
- const csv = csvRows.join("\n");
- const blob = new Blob([csv], { type: "text/csv" });
- const url = window.URL.createObjectURL(blob);
- const a = document.createElement("a");
- a.setAttribute("hidden", "");
- a.setAttribute("href", url);
- a.setAttribute("download", `${$stockTicker}_${timePeriod}.csv`);
- document.body.appendChild(a);
- a.click();
- document.body.removeChild(a);
- } else {
- toast.error("Please Sign In", {
- style: "border-radius: 200px; background: #333; color: #fff;",
- });
- }
- */
} else {
goto("/pricing");
}
@@ -905,13 +792,7 @@
- {#if $isCrosshairMoveActive}
- {displayLegend?.close}
- {:else if !$isCrosshairMoveActive && $realtimePrice !== null}
- {$currentPortfolioPrice}
- {:else}
- {displayLegend?.close}
- {/if}
+ {displayLegend?.close}
{#if $priceIncrease === true}
+
+
+
+ = 0
+ ? "before:content-['+'] text-[#00FC50]"
+ : "text-[#FF2F1F]"}
+ >
+ {displayLegend?.change}%
+
+
+ ({displayData})
+
+
+
(chart = api)}
+ >
+ {#if displayData === "1D"}
+ ({
+ time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {:else if displayData === "1W"}
+ ({
+ time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {:else if displayData === "1M"}
+ ({
+ time: time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {:else if displayData === "6M"}
+ ({
+ time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {:else if displayData === "1Y"}
+ ({
+ time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {:else if displayData === "MAX"}
+ ({
+ time,
+ value: close,
+ }))}
+ lineWidth={1.5}
+ priceScaleId="right"
+ lineColor={colorChange}
+ topColor={topColorChange}
+ bottomColor={bottomColorChange}
+ ref={handleSeriesReference}
+ priceLineVisible={false}
+ >
+
+
+ {/if}
+
+
+
-
-
-
(chart = api)}
- on:crosshairMove={handleCrosshairMove}
- >
- {#if displayData === "1D"}
- ({
- time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {:else if displayData === "1W"}
- ({
- time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {:else if displayData === "1M"}
- ({
- time: time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {:else if displayData === "6M"}
- ({
- time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {:else if displayData === "1Y"}
- ({
- time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {:else if displayData === "MAX"}
- ({
- time,
- value: close,
- }))}
- lineWidth={1.5}
- priceScaleId="right"
- lineColor={colorChange}
- topColor={topColorChange}
- bottomColor={bottomColorChange}
- ref={handleSeriesReference}
- priceLineVisible={false}
- >
-
-
- {/if}
-
-
{/if}
@@ -1581,8 +1469,12 @@
-