From dbe45710c42c227719b0a39d3652c6315e2e5bcc Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 10 Feb 2025 00:10:46 +0100
Subject: [PATCH] ui fixes

---
 src/routes/index/[tickerID]/+page.svelte      | 29 ++++++++++---------
 .../index/[tickerID]/history/+page.svelte     |  2 +-
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/routes/index/[tickerID]/+page.svelte b/src/routes/index/[tickerID]/+page.svelte
index 9f2399f9..630bd3a5 100644
--- a/src/routes/index/[tickerID]/+page.svelte
+++ b/src/routes/index/[tickerID]/+page.svelte
@@ -961,7 +961,7 @@
                 >
                 <td
                   class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
-                  >{abbreviateNumber(data?.getStockQuote?.volume)}</td
+                  >{data?.getStockQuote?.volume ? abbreviateNumber(data?.getStockQuote?.volume) : 'n/a'}</td
                 ></tr
               >
                 
@@ -1023,18 +1023,8 @@
                         : (data?.getStockQuote?.ask ?? "-")}</td
                     ></tr
                   >
-                  <tr
-                    class="flex flex-col border-b border-gray-600 py-1 sm:table-row sm:py-0"
-                    ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 sm:py-2 text-sm sm:text-[1rem]"
-                      >Avg. Volume</td
-                    >
-                    <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
-                      >{abbreviateNumber(data?.getStockQuote?.avgVolume)}</td
-                    ></tr
-                  >
-                 
+
+                   
                   <tr
                     class="flex flex-col border-b border-gray-600 py-1 sm:table-row sm:py-0"
                     ><td
@@ -1047,6 +1037,19 @@
                     ></tr
                   >
      
+
+                  <tr
+                    class="flex flex-col border-b border-gray-600 py-1 sm:table-row sm:py-0"
+                    ><td
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 sm:py-2 text-sm sm:text-[1rem]"
+                      >Avg. Volume</td
+                    >
+                    <td
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
+                      >{data?.getStockQuote?.avgVolume ? abbreviateNumber(data?.getStockQuote?.avgVolume) : 'n/a'}</td
+                    ></tr
+                  >
+                
                 
 
                   <tr
diff --git a/src/routes/index/[tickerID]/history/+page.svelte b/src/routes/index/[tickerID]/history/+page.svelte
index 3299da12..8ed028c3 100644
--- a/src/routes/index/[tickerID]/history/+page.svelte
+++ b/src/routes/index/[tickerID]/history/+page.svelte
@@ -488,7 +488,7 @@
                             <td
                               class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
                             >
-                              {item?.volume?.toLocaleString("en-US")}
+                              {item?.volume ? item?.volume?.toLocaleString("en-US") : 'n/a'}
                             </td>
                           </tr>
                         {/each}