From 7d72f23ffc83753a8ac28290cea1c0fd9eeacb3a Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Sun, 11 Aug 2024 12:58:02 +0200 Subject: [PATCH] ui fix --- src/routes/hedge-funds/[slug]/+page.svelte | 4 +- src/routes/politicians/+page.svelte | 10 ++- src/routes/politicians/[slug]/+page.svelte | 72 +++++++++++-------- src/routes/politicians/flow-data/+page.svelte | 17 +++-- 4 files changed, 56 insertions(+), 47 deletions(-) diff --git a/src/routes/hedge-funds/[slug]/+page.svelte b/src/routes/hedge-funds/[slug]/+page.svelte index a0be99a4..e14a54c2 100644 --- a/src/routes/hedge-funds/[slug]/+page.svelte +++ b/src/routes/hedge-funds/[slug]/+page.svelte @@ -758,11 +758,11 @@ function tabFunction(state) { {#each displayList as item} goto(`/${item?.type}/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#27272A] cursor-pointer"> - +
{item?.symbol?.replace('_',' ')} - {formatString(item?.securityName)} + {formatString(item?.securityName)}
diff --git a/src/routes/politicians/+page.svelte b/src/routes/politicians/+page.svelte index 4720b5f1..2340c4df 100644 --- a/src/routes/politicians/+page.svelte +++ b/src/routes/politicians/+page.svelte @@ -15,9 +15,7 @@ let rawData = data?.getAllPolitician; - let slicedRawData = []; let displayList = []; - let images = {}; let filterQuery = ''; let isLoaded = false; @@ -197,9 +195,9 @@ onMount(async () => { -
+
-
+
  • Home
  • Politicians
    • @@ -207,13 +205,13 @@ onMount(async () => {
- + {#if isLoaded} -
+
diff --git a/src/routes/politicians/[slug]/+page.svelte b/src/routes/politicians/[slug]/+page.svelte index dc202c38..15d3fdb7 100644 --- a/src/routes/politicians/[slug]/+page.svelte +++ b/src/routes/politicians/[slug]/+page.svelte @@ -4,7 +4,7 @@ import republicanBackground from "$lib/images/bg-republican.png"; import democraticBackground from "$lib/images/bg-democratic.png"; import otherBackground from "$lib/images/bg-other.png"; - import { getPartyForPoliticians, abbreviateNumber } from '$lib/utils'; + import { abbreviateNumber } from '$lib/utils'; import InfiniteLoading from '$lib/components/InfiniteLoading.svelte'; import { Chart } from 'svelte-echarts' @@ -136,18 +136,29 @@ use([BarChart, GridComponent, CanvasRenderer]) xAxis: { data: dates, type: 'category', + axisLabel: { + color: '#fff' + } }, + yAxis: [ { + type: 'value', splitLine: { show: false, // Disable x-axis grid lines }, axisLabel: { - color: '#6E7079', // Change label color to white - formatter: function (value) { - return '$'+(value / denominator)?.toFixed(0) + unit; // Format value in millions - }, + color: '#fff', // Change label color to white + formatter: function (value, index) { + // Display every second tick + if (index % 2 === 0) { + value = Math.max(value, 0); + return (value / denominator)?.toFixed(0) + unit; // Format value in millions + } else { + return ''; // Hide this tick + } + } }, }, ], @@ -156,7 +167,7 @@ use([BarChart, GridComponent, CanvasRenderer]) data: boughtList, type: 'bar', itemStyle: { - color: '#69B3A2' // Change bar color to white + color: '#22C55E' // Change bar color to white }, barWidth: '25%', }, @@ -165,7 +176,7 @@ use([BarChart, GridComponent, CanvasRenderer]) data: soldList, type: 'bar', itemStyle: { - color: '#E8864D' // Change bar color to white + color: '#E11D48' // Change bar color to white }, barWidth: '25%', }, @@ -235,18 +246,19 @@ use([BarChart, GridComponent, CanvasRenderer]) -
+
-
- -
- -
+
+ +
+ +
+
@@ -302,8 +314,8 @@ use([BarChart, GridComponent, CanvasRenderer])
- Total Amount - + Total Amount + ${new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0 @@ -317,7 +329,7 @@ use([BarChart, GridComponent, CanvasRenderer])
Buy/Sell - + {buySellRatio?.toFixed(3)}
@@ -333,7 +345,7 @@ use([BarChart, GridComponent, CanvasRenderer])
- {buySellRatio?.toFixed(2)} + {buySellRatio?.toFixed(2)}
@@ -364,14 +376,14 @@ use([BarChart, GridComponent, CanvasRenderer])
- + Bought
- + Sold @@ -415,20 +427,20 @@ use([BarChart, GridComponent, CanvasRenderer]) {#each displayList as item} goto(`/${item?.assetType === 'stock' ? 'stocks' : item?.assetType === 'etf' ? 'etf' : 'crypto'}/${item?.ticker}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#27272A] cursor-pointer"> - +
stock logo
- {item?.ticker?.replace('_',' ')} - {item?.name?.length > 20 ? item?.name?.slice(0,20)+'...' : item?.name} + {item?.ticker?.replace('_',' ')} + {item?.name?.length > 20 ? item?.name?.slice(0,20)+'...' : item?.name}
- +
{#if item?.type === 'Bought'} @@ -445,11 +457,11 @@ use([BarChart, GridComponent, CanvasRenderer])
- + {new Date(item?.transactionDate)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })} - + {new Date(item?.disclosureDate)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })} @@ -495,7 +507,7 @@ use([BarChart, GridComponent, CanvasRenderer])
{item?.ticker?.replace('_',' ')} - {item?.name?.length > 15 ? item?.name?.slice(0,15)+'...' : item?.name} + {item?.name?.length > 15 ? item?.name?.slice(0,15)+'...' : item?.name}
diff --git a/src/routes/politicians/flow-data/+page.svelte b/src/routes/politicians/flow-data/+page.svelte index 7c024453..d5f15e01 100644 --- a/src/routes/politicians/flow-data/+page.svelte +++ b/src/routes/politicians/flow-data/+page.svelte @@ -384,17 +384,16 @@ -
- + -
+
@@ -442,15 +441,15 @@ - + {#if isLoaded} -
+
-
+