ui fix

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">

src/routes/stocks/[tickerID]/dark-pool/+page.svelte

@@ -65,6 +65,11 @@
     >
       <div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
         <div class="w-full mb-2">
+          {#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
+            <Infobox
+              text={`No Dark Pool activity are detected for ${$displayCompanyName}`}
+            />
+          {:else if priceLevel?.length === 0 && hottestTrades?.length === 0}{:else}
             <div class="flex flex-row items-center mb-4 sm:mb-0">
               <label
                 for="darkPoolInfo"
@@ -78,11 +83,6 @@
                 id={"darkPoolInfo"}
               />
             </div>
-          {#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
-            <Infobox
-              text={`No Dark Pool activity are detected for ${$displayCompanyName}`}
-            />
-          {:else}
             <Infobox
               text="Track the Dark Pool Trades of major whales to monitor hidden trading activity and trends."
             />