From e48ec4ca73e98ffbced9021952ec450abaf58090 Mon Sep 17 00:00:00 2001
From: jaredvu <jaredvu@gmail.com>
Date: Thu, 24 Aug 2023 12:06:03 -0700
Subject: [PATCH] Fix Orderbook spread when nothing on the books

---
 src/views/tables/Orderbook.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/tables/Orderbook.tsx b/src/views/tables/Orderbook.tsx
index 1ab0ff7..0cdc8c0 100644
--- a/src/views/tables/Orderbook.tsx
+++ b/src/views/tables/Orderbook.tsx
@@ -44,7 +44,7 @@ type StyleProps = {
 
 type RowData = OrderbookLine & { side: 'bid' | 'ask'; mine?: number };
 
-const calculateOrderbookData = ({ maxRowsPerSide }: { maxRowsPerSide: number }) => {
+const useCalculateOrderbookData = ({ maxRowsPerSide }: { maxRowsPerSide: number }) => {
   const orderbook = useSelector(getCurrentMarketOrderbook, shallowEqual);
 
   const openOrdersBySideAndPrice =
@@ -96,7 +96,8 @@ const calculateOrderbookData = ({ maxRowsPerSide }: { maxRowsPerSide: number })
       }
     }
 
-    const spread = MustBigNumber(asks[0]?.price ?? 0).minus(bids[0]?.price ?? 0);
+    const spread =
+      asks[0] && bids[0] ? MustBigNumber(asks[0]?.price ?? 0).minus(bids[0]?.price ?? 0) : null;
 
     const spreadPercent = orderbook?.spreadPercent;
 
@@ -233,7 +234,7 @@ export const Orderbook = ({
   const showMineColumn = useSelector(calculateCanViewAccount) && !isTablet;
 
   const { asks, bids, spread, spreadPercent, histogramRange, hasOrderbook } =
-    calculateOrderbookData({
+    useCalculateOrderbookData({
       maxRowsPerSide,
     });