From 35aca697f949a864870e90ecdeb2b75c3e1bf698 Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Wed, 7 Aug 2024 11:12:09 +0200 Subject: [PATCH] ui fixing --- src/lib/components/AnalystEstimate.svelte | 18 ++++++++++++------ src/lib/components/ClinicalTrial.svelte | 4 ++-- src/lib/components/DarkPool.svelte | 4 ++-- src/lib/components/Enterprise.svelte | 12 ++++++------ src/lib/components/RetailVolume.svelte | 2 ++ src/lib/components/Scatter/Scatter.html.svelte | 4 ++-- 6 files changed, 26 insertions(+), 18 deletions(-) diff --git a/src/lib/components/AnalystEstimate.svelte b/src/lib/components/AnalystEstimate.svelte index 28f3bfe2..b87b6372 100644 --- a/src/lib/components/AnalystEstimate.svelte +++ b/src/lib/components/AnalystEstimate.svelte @@ -190,7 +190,7 @@ $: {
-
+
+ +
+ + For {(new Date()).getFullYear()}, we use available quarterly data. Complete annual data, used to compare against analyst estimates, is only finalized after the year ends.
diff --git a/src/lib/components/ClinicalTrial.svelte b/src/lib/components/ClinicalTrial.svelte index f3969254..f34d4fd8 100644 --- a/src/lib/components/ClinicalTrial.svelte +++ b/src/lib/components/ClinicalTrial.svelte @@ -176,7 +176,7 @@ const getClinicalTrial = async (ticker) => { // Cache the data for this specific tickerID with a specific name 'getClinicalTrial' setCache(ticker, rawData, 'getClinicalTrial'); } - if(rawData?.length !== 0) { + if(rawData?.length >= 5) { $clinicalTrialComponent = true; } else { $clinicalTrialComponent = false; @@ -232,7 +232,7 @@ let charNumber = 20; {#if data?.user?.tier === 'Pro'} {#if isLoaded} - {#if rawData?.length !== 0} + {#if rawData?.length >= 5}
diff --git a/src/lib/components/DarkPool.svelte b/src/lib/components/DarkPool.svelte index 52f20447..ac740bee 100644 --- a/src/lib/components/DarkPool.svelte +++ b/src/lib/components/DarkPool.svelte @@ -151,9 +151,9 @@ function getPlotOptions() { data: shortVolumeList, type: 'line', - areaStyle: {opacity: 0.3}, + areaStyle: {opacity: 1}, itemStyle: { - color: '#536FC5' // Change bar color to white + color: '#3B82F6' // Change bar color to white }, showSymbol: false }, diff --git a/src/lib/components/Enterprise.svelte b/src/lib/components/Enterprise.svelte index 5c28f31f..8c8fad7a 100644 --- a/src/lib/components/Enterprise.svelte +++ b/src/lib/components/Enterprise.svelte @@ -100,21 +100,21 @@ function getPlotOptions() { data: addTotalDebt, type: 'bar', itemStyle: { - color: '#FF2F1F' // Change bar color to white + color: '#3B82F6' // Change bar color to white } }, { data: marketCapitalization, type: 'bar', itemStyle: { - color: '#5470C6' // Change bar color to white + color: '#E11D48' // Change bar color to white } }, { data: enterpriseValue, type: 'bar', itemStyle: { - color: '#F8901E' // Change bar color to white + color: '#22C55E' // Change bar color to white } }, ] @@ -213,21 +213,21 @@ $: {
- + Enterprise Value
- + Mkt Cap
- + Debt diff --git a/src/lib/components/RetailVolume.svelte b/src/lib/components/RetailVolume.svelte index 50ca2c76..cf601649 100644 --- a/src/lib/components/RetailVolume.svelte +++ b/src/lib/components/RetailVolume.svelte @@ -83,6 +83,8 @@ function getPlotOptions() { }); + console.log(tradingList) + findMonthlyValue(historyData, rawData?.lastDate) diff --git a/src/lib/components/Scatter/Scatter.html.svelte b/src/lib/components/Scatter/Scatter.html.svelte index 3879cc35..c3db1648 100644 --- a/src/lib/components/Scatter/Scatter.html.svelte +++ b/src/lib/components/Scatter/Scatter.html.svelte @@ -30,8 +30,8 @@ top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%; width: {r * 2}px; height: {r * 2}px; - background-color: {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'}; - border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'}; + background-color: {d?.dataset === 'actual' ? '#fff' : '#E11D48'}; + border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#E11D48' : 'rgb(0,187,255,0.4)'}; " /> {/each}