From 52458534533fb1fbb30d8ade39599fb56cd7e482 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 10 Jul 2024 17:11:09 +0200
Subject: [PATCH] ui fix

---
 src/routes/dark-pool-flow/+page.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/dark-pool-flow/+page.svelte b/src/routes/dark-pool-flow/+page.svelte
index 6c9ed6ef..90c895eb 100644
--- a/src/routes/dark-pool-flow/+page.svelte
+++ b/src/routes/dark-pool-flow/+page.svelte
@@ -4,6 +4,7 @@
   import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
   import { onMount } from 'svelte';
   import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  import { abbreviateNumber } from '$lib/utils.js';
 
   
     export let data;
@@ -335,6 +336,9 @@ function getLastDate(dateString) {
                             <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
                              Price
                             </th>
+                            <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
+                              Amount
+                             </th>
                           </tr>
                         </thead>
                         <tbody>
@@ -372,7 +376,11 @@ function getLastDate(dateString) {
 
                             <td class="text-end text-sm font-medium text-white">
                               ${item?.price}
-                          </td>
+                            </td>
+                            
+                            <td class="text-end text-sm font-medium text-white">
+                              ${abbreviateNumber(item?.price*item?.volume)}
+                            </td>
 
                           </tr>
                         {/each}