From e2041553662ec6e7e95028f1b57e486123a9b1c7 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 25 Dec 2024 20:24:57 +0100
Subject: [PATCH] ui fix

---
 src/lib/components/Table/DarkPoolTable.svelte | 14 ++++++++++----
 src/lib/components/Table/Table.svelte         |  2 +-
 src/lib/utils.ts                              |  2 +-
 src/routes/+layout.svelte                     |  2 +-
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/Table/DarkPoolTable.svelte b/src/lib/components/Table/DarkPoolTable.svelte
index 96ae6449..ac19fc28 100644
--- a/src/lib/components/Table/DarkPoolTable.svelte
+++ b/src/lib/components/Table/DarkPoolTable.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { screenWidth } from "$lib/store";
-  import { abbreviateNumber } from "$lib/utils";
+  import { abbreviateNumber, sectorNavigation } from "$lib/utils";
 
   import VirtualList from "svelte-tiny-virtual-list";
   import HoverStockChart from "$lib/components/HoverStockChart.svelte";
@@ -482,9 +482,15 @@
           style="justify-content: start;"
           class="td text-sm sm:text-[1rem] text-white text-start"
         >
-          {displayedData[index]?.sector?.length > 13
-            ? displayedData[index]?.sector?.slice(0, 13) + "..."
-            : displayedData[index]?.sector}
+          <a
+            href={sectorNavigation?.find(
+              (item) => item?.title === displayedData[index]?.sector,
+            )?.link}
+            class="sm:hover:text-blue-400 text-white underline underline-offset-4"
+            >{displayedData[index]?.sector?.length > 13
+              ? displayedData[index]?.sector?.slice(0, 13) + "..."
+              : displayedData[index]?.sector}</a
+          >
         </div>
 
         <div
diff --git a/src/lib/components/Table/Table.svelte b/src/lib/components/Table/Table.svelte
index 6413b7ea..f1ad57c9 100644
--- a/src/lib/components/Table/Table.svelte
+++ b/src/lib/components/Table/Table.svelte
@@ -888,7 +888,7 @@
                   {item[column.key]}
                 {/if}
               {:else if column?.type === "int"}
-                {abbreviateNumber(item[column.key])}
+                {@html abbreviateNumber(item[column.key], false, true)}
               {:else if column?.type === "decimal"}
                 {item[column.key]?.toLocaleString("en-US")}
               {:else if column.key === "price"}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index a260f1fa..5a42ac94 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -661,7 +661,7 @@ export function abbreviateNumber(number, addDollarSign = false, color = false) {
       } else if (suffix === "M") {
         suffix = '<span class=\"font-semibold text-[#FACD38]\">M</span>';
       } else if (suffix === "B") {
-        suffix = '<span class=\"font-semibold text-[#FACD38]\">B</span>';
+        suffix = '<span class=\"font-semibold text-[#38FACD]\">B</span>';
       }
     }
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cc4efe1e..5a031e32 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -48,7 +48,7 @@
   import Newspaper from "lucide-svelte/icons/newspaper";
   import AudioLine from "lucide-svelte/icons/audio-lines";
   import Gem from "lucide-svelte/icons/gem";
-  import Moon from "lucide-svelte/icons/moon-star";
+  import Moon from "lucide-svelte/icons/venetian-mask";
   import stocknear_logo from "$lib/images/stocknear_logo.png";
   /*
   import {