From 9ca0e51b3c367754e31e677e64b4d7dde401c943 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Tue, 22 Oct 2024 22:48:03 +0200
Subject: [PATCH] ui fixesg

---
 .../stocks/[tickerID]/metrics/[slug]/+page.svelte   | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte b/src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
index 6440abb3..35a09182 100644
--- a/src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
@@ -47,10 +47,15 @@
     const plotDataset = [...dataset]?.sort(
       (a, b) => new Date(a?.date) - new Date(b?.date),
     );
-    const xData = plotDataset?.map((item) => item?.date);
+    const xData = plotDataset
+      ?.filter((item) => item?.value !== null) // Filter out items where value is null
+      .map((item) => item?.date); // Map to the date property
+
     let valueList = [];
     for (let i = 0; i < plotDataset?.length; i++) {
-      valueList.push(plotDataset[i]?.value);
+      if (plotDataset[i]?.value !== null) {
+        valueList.push(plotDataset[i]?.value);
+      }
     }
 
     const options = {
@@ -213,7 +218,9 @@
                           <td
                             class="text-white text-sm sm:text-[1rem] text-right whitespace-nowrap border-b-[#09090B]"
                           >
-                            {item?.value !== null ? abbreviateNumber(item?.value) : '-'}
+                            {item?.value !== null
+                              ? abbreviateNumber(item?.value)
+                              : "-"}
                           </td>
 
                           <td