From 571e9580737c8d68ab5321ebc045e5cdca772407 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 8 Aug 2024 19:59:24 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/BorrowedShare.svelte      | 6 +++++-
 src/lib/components/ClinicalTrial.svelte      | 5 ++++-
 src/lib/components/DarkPool.svelte           | 6 ++++--
 src/lib/components/Enterprise.svelte         | 5 ++++-
 src/lib/components/FailToDeliver.svelte      | 7 ++++++-
 src/lib/components/GovernmentContract.svelte | 6 +++++-
 src/lib/components/MarketMaker.svelte        | 6 +++++-
 src/lib/components/OptionsNetFlow.svelte     | 7 ++++++-
 src/lib/components/PriceAnalysis.svelte      | 6 +++++-
 src/lib/components/RetailVolume.svelte       | 6 ++++--
 src/lib/components/ShareStatistics.svelte    | 5 ++++-
 src/lib/components/Swap.svelte               | 7 +++++--
 12 files changed, 57 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/BorrowedShare.svelte b/src/lib/components/BorrowedShare.svelte
index db731b64..fb91444b 100644
--- a/src/lib/components/BorrowedShare.svelte
+++ b/src/lib/components/BorrowedShare.svelte
@@ -110,6 +110,9 @@ function findLowestAndHighestFee(data, lastDateStr) {
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -118,7 +121,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -137,6 +140,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
       },
       position: 'right',
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return value?.toFixed(1)+'%'
diff --git a/src/lib/components/ClinicalTrial.svelte b/src/lib/components/ClinicalTrial.svelte
index f34d4fd8..bf4bc9b3 100644
--- a/src/lib/components/ClinicalTrial.svelte
+++ b/src/lib/components/ClinicalTrial.svelte
@@ -123,6 +123,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -131,7 +134,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
                 formatter: function (value) {
                 return '#'+(value / denominator)?.toFixed(0) + unit; // Format value in millions
                 },
diff --git a/src/lib/components/DarkPool.svelte b/src/lib/components/DarkPool.svelte
index ac740bee..27ddbbe6 100644
--- a/src/lib/components/DarkPool.svelte
+++ b/src/lib/components/DarkPool.svelte
@@ -116,7 +116,9 @@ function getPlotOptions() {
         type: 'category',
         boundaryGap: false,
         data: dates,
-       
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -125,7 +127,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
diff --git a/src/lib/components/Enterprise.svelte b/src/lib/components/Enterprise.svelte
index 8c8fad7a..036b98a8 100644
--- a/src/lib/components/Enterprise.svelte
+++ b/src/lib/components/Enterprise.svelte
@@ -71,6 +71,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -79,7 +82,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value) {
                 //value = Math.max(value, 0);
                 return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
diff --git a/src/lib/components/FailToDeliver.svelte b/src/lib/components/FailToDeliver.svelte
index c835d113..a2304c34 100644
--- a/src/lib/components/FailToDeliver.svelte
+++ b/src/lib/components/FailToDeliver.svelte
@@ -105,6 +105,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     {
@@ -112,7 +115,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
       splitLine: {
             show: false, // Disable x-axis grid lines
       },
+      
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return '$'+value?.toFixed(1)
@@ -129,7 +134,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         },
         position: 'right',
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
diff --git a/src/lib/components/GovernmentContract.svelte b/src/lib/components/GovernmentContract.svelte
index 8c442d68..7f298c5c 100644
--- a/src/lib/components/GovernmentContract.svelte
+++ b/src/lib/components/GovernmentContract.svelte
@@ -90,7 +90,11 @@ use([BarChart, GridComponent, CanvasRenderer])
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
+        
         yAxis: [
         {
             type: 'value',
@@ -98,7 +102,7 @@ use([BarChart, GridComponent, CanvasRenderer])
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
                 formatter: function (value, index) {
                     if(index % 2) {
                         return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions        
diff --git a/src/lib/components/MarketMaker.svelte b/src/lib/components/MarketMaker.svelte
index be1a9c79..9bc9e78c 100644
--- a/src/lib/components/MarketMaker.svelte
+++ b/src/lib/components/MarketMaker.svelte
@@ -88,6 +88,9 @@ function getPlotOptions() {
       type: 'category',
       boundaryGap: false,
       data: dates,
+      axisLabel: {
+            color: '#fff',
+        }
   },
   yAxis: [
   { 
@@ -96,7 +99,7 @@ function getPlotOptions() {
           show: false, // Disable x-axis grid lines
       },
       axisLabel: {
-          color: '#6E7079', // Change label color to white
+          color: '#fff', // Change label color to white
           formatter: function (value, index) {
               // Display every second tick
               if (index % 2 === 0) {
@@ -115,6 +118,7 @@ function getPlotOptions() {
     },
     position: 'right',
     axisLabel: {
+      color: '#fff',
         formatter: function (value, index) {
           if (index % 2 === 0) {
             return (value / shareDenominator)?.toFixed(1) + shareUnit; // Format value in millions
diff --git a/src/lib/components/OptionsNetFlow.svelte b/src/lib/components/OptionsNetFlow.svelte
index 56269f9f..ea59efd3 100644
--- a/src/lib/components/OptionsNetFlow.svelte
+++ b/src/lib/components/OptionsNetFlow.svelte
@@ -77,6 +77,9 @@
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -85,7 +88,7 @@
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -103,7 +106,9 @@
             show: false, // Disable x-axis grid lines
       },
       position: 'right',
+      
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
               return '$'+value?.toFixed(1)
diff --git a/src/lib/components/PriceAnalysis.svelte b/src/lib/components/PriceAnalysis.svelte
index cd94c6ea..dcbd2dbb 100644
--- a/src/lib/components/PriceAnalysis.svelte
+++ b/src/lib/components/PriceAnalysis.svelte
@@ -64,6 +64,7 @@ function getPlotOptions() {
     boundaryGap: false,
     data: predictionDate,
     axisLabel: {
+      color: '#fff',
       formatter: function (value) {
         // Assuming dates are in the format 'yyyy-mm-dd'
         // Extract the month and day from the date string and convert the month to its abbreviated name
@@ -78,6 +79,9 @@ function getPlotOptions() {
     type: 'value',
     splitLine: {
       show: false,
+    },
+    axisLabel: {
+      color: '#fff',
     }
   },
   series: [
@@ -123,7 +127,7 @@ function getPlotOptions() {
       smooth: true,
       type: 'line',
       itemStyle: {
-            color: "#C40377"
+            color: "#fff"
         }
     }
   ]
diff --git a/src/lib/components/RetailVolume.svelte b/src/lib/components/RetailVolume.svelte
index cf601649..6daaad02 100644
--- a/src/lib/components/RetailVolume.svelte
+++ b/src/lib/components/RetailVolume.svelte
@@ -113,6 +113,7 @@ function getPlotOptions() {
         boundaryGap: false,
         data: dates,
         axisLabel: {
+        color: '#fff',
         formatter: function (value) {
             // Assuming dates are in the format 'yyyy-mm-dd'
             // Extract the month and day from the date string and convert the month to its abbreviated name
@@ -132,7 +133,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -152,9 +153,10 @@ function getPlotOptions() {
       name: 'Sentiment',
       position: 'right',
       axisLabel: {
+        color: '#fff',
           formatter: function (value, index) {
             if (index % 2 === 0) {
-              return value.toFixed(2); // Format the sentiment value
+              return value?.toFixed(2); // Format the sentiment value
             } else {
                   return ''; // Hide this tick
               }
diff --git a/src/lib/components/ShareStatistics.svelte b/src/lib/components/ShareStatistics.svelte
index 87718157..a3de0e84 100644
--- a/src/lib/components/ShareStatistics.svelte
+++ b/src/lib/components/ShareStatistics.svelte
@@ -68,6 +68,9 @@ function getPlotOptions() {
     xAxis: {
         data: dates,
         type: 'category',
+        axisLabel: {
+            color: '#fff',
+        }
         },
         yAxis: [
         {
@@ -76,7 +79,7 @@ function getPlotOptions() {
             show: false, // Disable x-axis grid lines
             },
             axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value) {
                 value = Math.max(value, 0);
                 return (value / denominator)?.toFixed(1) + unit; // Format value in millions
diff --git a/src/lib/components/Swap.svelte b/src/lib/components/Swap.svelte
index 1d7a749b..44e37159 100644
--- a/src/lib/components/Swap.svelte
+++ b/src/lib/components/Swap.svelte
@@ -108,6 +108,9 @@
         type: 'category',
         boundaryGap: false,
         data: dates,
+        axisLabel: {
+            color: '#fff',
+        }
     },
     yAxis: [
     { 
@@ -116,7 +119,7 @@
             show: false, // Disable x-axis grid lines
         },
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {
@@ -136,7 +139,7 @@
         },
         position: 'right',
         axisLabel: {
-            color: '#6E7079', // Change label color to white
+            color: '#fff', // Change label color to white
             formatter: function (value, index) {
                 // Display every second tick
                 if (index % 2 === 0) {