From 6b5dddf4d5ee1756087421ae83f29c9283713a76 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 5 Mar 2025 14:21:57 +0100
Subject: [PATCH] ui fixes

---
 src/lib/components/DarkPool/HottestTrades.svelte | 6 +++---
 src/lib/components/Table/DarkPoolTable.svelte    | 6 +++---
 src/routes/dark-pool-flow/+page.svelte           | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/DarkPool/HottestTrades.svelte b/src/lib/components/DarkPool/HottestTrades.svelte
index 866c59ec..0db96778 100644
--- a/src/lib/components/DarkPool/HottestTrades.svelte
+++ b/src/lib/components/DarkPool/HottestTrades.svelte
@@ -33,8 +33,8 @@
     const day = parts.find((p) => p.type === "day").value;
     const hour = parts.find((p) => p.type === "hour").value.padStart(2, "0");
     const minute = parts
-      .find((p) => p.type === "minute")
-      .value.padStart(2, "0");
+      ?.find((p) => p.type === "minute")
+      ?.value.padStart(2, "0");
 
     const ampm = parts.find((p) => p.type === "dayPeriod").value; // AM/PM
 
@@ -49,7 +49,7 @@
     { key: "volume", label: "Volume", align: "right" },
     { key: "sizeVolRatio", label: "Size / Vol", align: "right" },
     { key: "sizeAvgVolRatio", label: "Size / Avg Vol", align: "right" },
-    { key: "premium", label: "Premium", align: "right" },
+    { key: "premium", label: "Avg. Paid", align: "right" },
   ];
   $: sortOrders = {
     rank: { order: "none", type: "number" },
diff --git a/src/lib/components/Table/DarkPoolTable.svelte b/src/lib/components/Table/DarkPoolTable.svelte
index 0463fcc5..4f16858d 100644
--- a/src/lib/components/Table/DarkPoolTable.svelte
+++ b/src/lib/components/Table/DarkPoolTable.svelte
@@ -183,7 +183,7 @@
         on:click={() => sortData("premium")}
         class="cursor-pointer p-2 text-center select-none whitespace-nowrap"
       >
-        Premium
+        Avg. Paid
         <svg
           class="shrink-0 w-4 h-4 -mt-1 {sortOrders['premium'] === 'asc'
             ? 'rotate-180 inline-block'
@@ -411,13 +411,13 @@
         </div>
         <!-- Sector Column -->
         <div
-          class="p-2 text-left text-white text-sm sm:text-[1rem] whitespace-nowrap"
+          class="p-2 text-center text-white text-sm sm:text-[1rem] whitespace-nowrap"
         >
           <a
             href={sectorNavigation?.find(
               (item) => item?.title === displayedData[index]?.sector,
             )?.link}
-            class="hover:text-blue-400"
+            class="sm:hover:underline sm:hover:underline-offset-4"
           >
             {displayedData[index]?.sector?.length > 13
               ? displayedData[index]?.sector?.slice(0, 13) + "..."
diff --git a/src/routes/dark-pool-flow/+page.svelte b/src/routes/dark-pool-flow/+page.svelte
index ead3a932..c0eb1ac5 100644
--- a/src/routes/dark-pool-flow/+page.svelte
+++ b/src/routes/dark-pool-flow/+page.svelte
@@ -769,7 +769,7 @@
             >
               <input
                 on:click={() =>
-                  toast("Feature is coming soon 🔥", {
+                  toast.info("Feature is coming soon 🔥", {
                     style:
                       "border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
                   })}
@@ -853,7 +853,7 @@
                 <Popover.Trigger asChild let:builder>
                   <Button
                     on:click={() =>
-                      toast("Feature is coming soon 🔥", {
+                      toast.info("Feature is coming soon 🔥", {
                         style:
                           "border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
                       })}