From bb3a09bc6719835d2407893866c9242f94a1df2f Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Mon, 10 Mar 2025 01:18:19 +0100 Subject: [PATCH] =?UTF-8?q?ui=20fix=C2=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/Table/OptionsFlowTable.svelte | 70 +- src/lib/components/UpgradeToPro.svelte | 45 +- src/routes/+layout.svelte | 2 +- src/routes/+page.svelte | 2 + src/routes/options-flow/+page.svelte | 187 +++-- src/routes/potus-tracker/+page.svelte | 136 ++-- src/routes/reddit-tracker/+page.svelte | 750 ++++++------------ 7 files changed, 464 insertions(+), 728 deletions(-) diff --git a/src/lib/components/Table/OptionsFlowTable.svelte b/src/lib/components/Table/OptionsFlowTable.svelte index 42871848..acf1293a 100644 --- a/src/lib/components/Table/OptionsFlowTable.svelte +++ b/src/lib/components/Table/OptionsFlowTable.svelte @@ -1,6 +1,6 @@ -
+
sortData("time")} @@ -589,19 +589,19 @@ let:style {style} class="grid grid-cols-16 gap-0" - class:bg-[#19191F]={index % 2 === 0} - class:bg-[#121217]={index % 2 !== 0} + class:bg-[#fff]={index % 2 === 0 && $mode === "light"} + class:bg-[#19191F]={index % 2 === 0 && $mode !== "light"} + class:bg-[#121217]={index % 2 !== 0 && $mode !== "light"} + class:bg-[#F6F7F8]={index % 2 !== 0 && $mode == "light"} class:opacity-30={index + 1 === rawData?.length && data?.user?.tier !== "Pro"} > -
+
{formatTime(displayedData[index]?.time)}
-
+
{reformatDate(displayedData[index]?.date_expiration)}
-
+
{displayedData[index]?.dte < 0 ? "expired" : displayedData[index]?.dte + "d"}
-
+
{displayedData[index]?.strike_price}
@@ -656,7 +650,7 @@ class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[ index ]?.put_call === 'Calls' - ? 'text-[#00FC50]' + ? 'text-green-600 dark:text-[#00FC50]' : 'text-[#c44536]'} " > {displayedData[index]?.put_call} @@ -666,30 +660,24 @@ class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[ index ]?.sentiment === 'Bullish' - ? 'text-[#00FC50]' + ? 'text-green-600 dark:text-[#00FC50]' : displayedData[index]?.sentiment === 'Bearish' - ? 'text-[#FF2F1F]' + ? 'text-red-600 dark:text-[#FF2F1F]' : 'text-[#C6A755]'} " > {displayedData[index]?.sentiment}
-
+
{displayedData[index]?.underlying_price}
-
+
{displayedData[index]?.price}
-
- {@html abbreviateNumberWithColor( +
+ {@html abbreviateNumber( displayedData[index]?.cost_basis, false, true, @@ -700,8 +688,8 @@ class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap uppercase {displayedData[ index ]?.option_activity_type === 'Sweep' - ? 'text-[#C6A755]' - : 'text-[#976DB7]'}" + ? 'text-[#9E8135] dark:text-[#C6A755]' + : 'text-[#754A96] dark:text-[#976DB7]'}" > {displayedData[index]?.option_activity_type}
@@ -725,27 +713,21 @@ ?.replace("Midpoint", "Mid")}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(displayedData[index]?.size)}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(displayedData[index]?.volume)}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, diff --git a/src/lib/components/UpgradeToPro.svelte b/src/lib/components/UpgradeToPro.svelte index 9cc3bee9..f39fabbd 100644 --- a/src/lib/components/UpgradeToPro.svelte +++ b/src/lib/components/UpgradeToPro.svelte @@ -1,18 +1,17 @@ {#if (display === true && data?.user?.tier !== "Pro") || !["Pro", "Plus"]?.includes(data?.user?.tier)} -
+
-

+

Trade Smarter, Not Harder

-

+

Cut through market noise with actionable insights that actually help you make confident investment decisions. No more endless research or gut-based guessing. @@ -25,16 +24,16 @@ >

-
+
Unlimited access to all data and tools
-
+
Unlimited access to all data and tools, giving you the edge over everyone else in the market.
@@ -53,16 +52,16 @@
-
+
Realtime Options & Dark Pool Data
-
+
Instant access to live options & dark pool data to spot opportunities and trade with precision before the market moves.
@@ -81,9 +80,9 @@
-
+
Top Wallstreet Analyst Ratings
-
+
Follow ratings from the best analysts on Wall Street to stay ahead.
@@ -115,15 +114,15 @@
-
+
-
+
We deliver premium Wall Street data with top-tier accuracy and up to 30 years of history.
@@ -147,7 +146,7 @@
Get Pro Membership :root { - --bprogress-color: #fff; + --bprogress-color: #00A6F4; --bprogress-height: 1px; } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b49480ea..a6334ec5 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -70,6 +70,7 @@ {/if} +
diff --git a/src/routes/options-flow/+page.svelte b/src/routes/options-flow/+page.svelte index c4decbd1..29d97e60 100644 --- a/src/routes/options-flow/+page.svelte +++ b/src/routes/options-flow/+page.svelte @@ -499,12 +499,12 @@ let previousVolume = 0; //This is needed to play the sound only if it changes. let notFound = false; let isLoaded = false; - $: mode = $isOpen === true ? true : false; + $: modeStatus = $isOpen === true ? true : false; function toggleMode() { if ($isOpen) { - mode = !mode; - if (mode === true && selectedDate !== undefined) { + modeStatus = !modeStatus; + if (modeStatus === true && selectedDate !== undefined) { selectedDate = undefined; rawData = data?.getOptionsFlowFeed; displayedData = [...rawData]; @@ -525,7 +525,7 @@ socket.addEventListener("message", (event) => { const totalVolume = displayCallVolume + displayPutVolume; - if (mode === true) { + if (modeStatus === true) { try { newData = JSON?.parse(event.data) ?? []; if (newData?.length > 0) { @@ -725,7 +725,7 @@ const getHistoricalFlow = async () => { // Create a delay using setTimeout wrapped in a Promise if (data?.user?.tier === "Pro") { - mode = false; + modeStatus = false; isLoaded = false; displayRules = allRows?.filter((row) => @@ -830,9 +830,9 @@ description="Explore unusual options from big institutional traders and hedge funds." /> - +
-
+
{row?.label?.length > 20 ? row?.label?.slice(0, 20)?.replace("[%]", "") + "..." : row?.label?.replace("[%]", "")} @@ -1105,7 +1107,7 @@ role="tooltip" > {#if valueMappings[row?.rule] === "any"} @@ -1198,7 +1200,7 @@
{:else} @@ -1282,7 +1282,7 @@ : valueMappings[row?.rule]} on:input={(e) => handleValueInput(e, row?.rule)} - class="ios-zoom-fix block max-w-[4.8rem] rounded-sm placeholder:text-gray-200 font-normal p-1 text-sm shadow-xs focus:border-blue-500 focus:ring-blue-500 bg-primary" + class="ios-zoom-fix block max-w-[4.8rem] rounded-sm placeholder:text-muted dark:text-gray-200 font-normal p-1 text-sm shadow-xs focus:border-blue-500 focus:ring-blue-500 bg-gray-100 dark:bg-primary" /> {/if} @@ -1297,7 +1297,7 @@ "add", )} >
- Flow Sentiment {flowSentiment}{flowSentiment}
- Put/Call - + {putCallRatio?.toFixed(3)}
@@ -1479,7 +1481,7 @@ cy="18" r="16" fill="none" - class="stroke-current text-[#3E3E3E]" + class="stroke-current text-gray-300 dark:text-[#3E3E3E]" stroke-width="3" > @@ -1502,7 +1504,7 @@
- {putCallRatio?.toFixed(2)}
@@ -1512,13 +1514,14 @@
- Call Flow - + {new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, @@ -1538,7 +1541,7 @@ cy="18" r="16" fill="none" - class="stroke-current text-[#3E3E3E]" + class="stroke-current text-gray-300 dark:text-[#3E3E3E]" stroke-width="3" > @@ -1548,7 +1551,7 @@ cy="18" r="16" fill="none" - class="stroke-current text-[#00FC50]" + class="stroke-current text-green-600 dark:text-[#00FC50]" stroke-width="3" stroke-dasharray="100" stroke-dashoffset={100 - callPercentage?.toFixed(2)} @@ -1559,9 +1562,7 @@
- {callPercentage}% + {callPercentage}%
@@ -1569,13 +1570,14 @@
- Put Flow - + {new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, @@ -1595,7 +1597,7 @@ cy="18" r="16" fill="none" - class="stroke-current text-[#3E3E3E]" + class="stroke-current text-gray-300 dark:text-[#3E3E3E]" stroke-width="3" > @@ -1616,9 +1618,7 @@
- {putPercentage}% + {putPercentage}%
@@ -1641,7 +1641,7 @@
{:else}
@@ -1684,21 +1685,21 @@ >
-

+

Select screener filters ({allRows?.length} total)

-
+
{#each searchTerm?.length !== 0 ? filteredRows : allRows as row}
{#if searchTerm?.length > 0 && filteredRows?.length === 0} -
+
Nothing found
{/if} @@ -1838,25 +1837,23 @@
-
+

{tooltipTitle}

- {infoText?.text ?? "n/a"} + {infoText?.text ?? "n/a"} {#if infoText?.equation !== undefined}
-
+
{infoText?.equation}
{/if}
-
+
diff --git a/src/routes/potus-tracker/+page.svelte b/src/routes/potus-tracker/+page.svelte index 7861e7cd..50920a19 100644 --- a/src/routes/potus-tracker/+page.svelte +++ b/src/routes/potus-tracker/+page.svelte @@ -6,6 +6,8 @@ import { Button } from "$lib/components/shadcn/button/index.js"; import { sectorList } from "$lib/utils"; import avatar from "$lib/images/trump-avatar.jpeg"; + import { mode } from "mode-watcher"; + import { goto } from "$app/navigation"; export let data; @@ -116,15 +118,15 @@ }, chart: { type: "column", - backgroundColor: "#09090B", - plotBackgroundColor: "#09090B", + backgroundColor: $mode === "light" ? "#fff" : "#09090B", + plotBackgroundColor: $mode === "light" ? "#fff" : "#09090B", height: 360, animation: false, }, title: { text: `

${selectedSector} - Performance

`, style: { - color: "white", + color: $mode === "light" ? "black" : "white", }, useHTML: true, }, @@ -132,14 +134,14 @@ categories: categories, gridLineWidth: 0, labels: { - style: { color: "white" }, + style: { color: $mode === "light" ? "black" : "white" }, }, }, yAxis: { gridLineWidth: 1, - gridLineColor: "#111827", + gridLineColor: $mode === "light" ? "#d1d5dc" : "#111827", labels: { - style: { color: "white" }, + style: { color: $mode === "light" ? "black" : "white" }, formatter: function () { return this.value + "%"; // Add percentage symbol }, @@ -152,11 +154,11 @@ }, plotOptions: { series: { - color: "white", + color: $mode === "light" ? "black" : "white", animation: false, dataLabels: { enabled: true, - color: "white", + color: $mode === "light" ? "black" : "white", style: { fontSize: "14px", fontWeight: "normal", @@ -197,7 +199,7 @@ let config = null; $: { - if (selectedSector) { + if (selectedSector || $mode) { config = plotData() || null; } } @@ -209,12 +211,12 @@ />
    -
  • Home
    • -
  • POTUS Tracker
    • +
  • Home
    • +
  • POTUS Tracker
@@ -228,9 +230,7 @@
-

- POTUS Tracker -

+

POTUS Tracker

@@ -238,7 +238,7 @@
= 0 ? "grown" : "declined"} by = 0 ? "text-[#00FC50] before:content-['+']" : "text-[#FF2F1F]"}"> + ${selectedSector} has ${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] >= 0 ? "grown" : "declined"} by = 0 ? "text-green-600 dark:text-[#00FC50] before:content-['+']" : "text-red-600 dark:text-[#FF2F1F]"}"> ${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] ?? "n/a"}%.`} />
@@ -249,9 +249,9 @@ @@ -337,20 +337,20 @@ {#if activeIdx === 0}

Official Presidential Schedule

-
+
{#each Object?.entries(groupedByDate) as [date, items], indexA}
- + {date} {#if items?.at(0)?.changesPercentage} @@ -358,8 +358,8 @@ S&P500 {items.length > 0 ? items?.at(0)?.changesPercentage : "n/a"}% - + {item.time_formatted} {item.location !== null ? `- ${item?.location}` @@ -430,20 +430,20 @@
{:else if activeIdx === 1}

Executive Actions

-
+
{#each Object.entries(groupedOrders) as [date, items], indexA}
- {date} + {date} {#if latestInfoDate(date)}
-

+

{item?.title}

@@ -494,7 +494,7 @@ on:click={() => (expandedDescriptions[item.title] = !expandedDescriptions[item.title])} - class="text-blue-400 hover:text-blue-300 ml-1" + class="cursor-pointer text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white ml-1" > {expandedDescriptions[item.title] ? "Read less" @@ -509,7 +509,7 @@ href={item?.link} rel="noopener noreferrer" target="_blank" - class="ml-14 inline-block text-sm text-white hover:underline" + class="ml-14 inline-block text-sm hover:underline" > Source {:else if activeIdx === 2}
-

+

Truth Social Posts

-
+
{#each posts as item}
-

+

Donald J. Trump

-

+

Original Post
-

+

Market Newsletter

- + Get a daily email with the top market news in bullet point format. @@ -776,35 +778,35 @@
-

+

Stock Screener

- + Build your Stock Screener to find profitable stocks.
-

+

Watchlist

- + Keep track of your favorite stocks in real-time. diff --git a/src/routes/reddit-tracker/+page.svelte b/src/routes/reddit-tracker/+page.svelte index b427a87b..f60c93f7 100644 --- a/src/routes/reddit-tracker/+page.svelte +++ b/src/routes/reddit-tracker/+page.svelte @@ -1,31 +1,19 @@