From aaef0a65c945d5f4b1cae579c0a5ae752020bdc9 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 6 Jan 2025 10:18:35 +0100
Subject: [PATCH] ui fix

---
 src/lib/components/FailToDeliver.svelte       | 10 -------
 .../stocks/[tickerID]/dark-pool/+page.svelte  | 28 +++++++++----------
 2 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/src/lib/components/FailToDeliver.svelte b/src/lib/components/FailToDeliver.svelte
index c1ca4299..6f60e2ea 100644
--- a/src/lib/components/FailToDeliver.svelte
+++ b/src/lib/components/FailToDeliver.svelte
@@ -299,16 +299,6 @@
             </tbody>
           </table>
         </div>
-
-        <div class="w-full flex flex-col items-start mt-3">
-          <div class="text-white text-[1rem] mt-2 mb-2 w-full">
-            Using the latest FTD data, we divide it with the monthly average
-            volume to determine that
-            <strong
-              >{weightedFTD < 0.01 ? "less than < 0.01" : weightedFTD}%</strong
-            > of shares failed to deliver.
-          </div>
-        </div>
       {/if}
     {:else}
       <div class="flex justify-center items-center h-80">
diff --git a/src/routes/stocks/[tickerID]/dark-pool/+page.svelte b/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
index 6e6b130c..d4d3c456 100644
--- a/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
+++ b/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
@@ -65,24 +65,24 @@
     >
       <div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
         <div class="w-full mb-2">
-          <div class="flex flex-row items-center mb-4 sm:mb-0">
-            <label
-              for="darkPoolInfo"
-              class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-2xl font-bold"
-            >
-              Dark Pool Data
-            </label>
-            <InfoModal
-              title={"Dark Pool Data"}
-              content={"Dark pool data refers to information on trading activities that occur in private, non-public financial exchanges known as dark pools. These venues are used by hedge funds and major institutional traders to buy and sell large blocks of securities without exposing their orders to the public, minimizing market impact and price fluctuations. Currently, nearly 50% of all trades are executed in these dark pools, highlighting their significant role in the trading landscape."}
-              id={"darkPoolInfo"}
-            />
-          </div>
           {#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
             <Infobox
               text={`No Dark Pool activity are detected for ${$displayCompanyName}`}
             />
-          {:else}
+          {:else if priceLevel?.length === 0 && hottestTrades?.length === 0}{:else}
+            <div class="flex flex-row items-center mb-4 sm:mb-0">
+              <label
+                for="darkPoolInfo"
+                class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-2xl font-bold"
+              >
+                Dark Pool Data
+              </label>
+              <InfoModal
+                title={"Dark Pool Data"}
+                content={"Dark pool data refers to information on trading activities that occur in private, non-public financial exchanges known as dark pools. These venues are used by hedge funds and major institutional traders to buy and sell large blocks of securities without exposing their orders to the public, minimizing market impact and price fluctuations. Currently, nearly 50% of all trades are executed in these dark pools, highlighting their significant role in the trading landscape."}
+                id={"darkPoolInfo"}
+              />
+            </div>
             <Infobox
               text="Track the Dark Pool Trades of major whales to monitor hidden trading activity and trends."
             />