increased order book limit

DeXter-on-Radix · Oct 18, 2023 · 1cf7ef5 · 1cf7ef5
1 parent 87992db
commit 1cf7ef5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/app/components/OrderBook.tsx b/src/app/components/OrderBook.tsx
@@ -115,6 +115,11 @@ export function OrderBook() {
   return (
     <div className="p-2 text-sx text-primary-content">
       <div className="sized-columns">
+        <div className="">
+          <span className="text-secondary-content text-sm font-bold uppercase">
+            Orderbook
+          </span>
+        </div>
         <div className="sized-columns mx-2 col-span-4 text-sm text-secondary-content">
           <div className="text-start">
             Order
@@ -134,7 +139,8 @@ export function OrderBook() {
             <br />({token1Symbol})
           </div>
         </div>
-
+      </div>
+      <div className="sized-columns mx-2 col-span-4 text-sm">
         {sells.map((props, index) => (
           <OrderBookRow key={"sell-" + index} {...props} />
         ))}

diff --git a/src/app/redux/orderBookSlice.ts b/src/app/redux/orderBookSlice.ts
@@ -47,7 +47,7 @@ export function toOrderBookRowProps(
     adexRows.reverse();
     barColor = "hsl(var(--erc))";
   }
-  adexRows = adexRows.slice(0, 8); // Limit to 8 rows
+  adexRows = adexRows.slice(0, 11); // Limit to 8 rows
 
   let total = 0;
   let maxTotal = 0;
@@ -70,7 +70,7 @@ export function toOrderBookRowProps(
   }
 
   // If there are fewer than 8 orders, fill the remaining rows with empty values
-  while (props.length < 8) {
+  while (props.length < 11) {
     props.push({ absentOrders: "\u00A0" });
   }
 
@@ -101,7 +101,6 @@ export const orderBookSlice = createSlice({
         adexState.currentPairOrderbook.buys,
         "buy"
       );
-
       let bestSell = sells[sells.length - 1]?.price || null;
       let bestBuy = buys[0]?.price || null;