diff --git a/src/app/components/OrderBook.tsx b/src/app/components/OrderBook.tsx
index 959cf495..4cf8fbb2 100644
--- a/src/app/components/OrderBook.tsx
+++ b/src/app/components/OrderBook.tsx
@@ -115,6 +115,11 @@ export function OrderBook() {
return (
+
+
+ Orderbook
+
+
Order
@@ -134,7 +139,8 @@ export function OrderBook() {
({token1Symbol})
-
+
+
{sells.map((props, index) => (
))}
diff --git a/src/app/redux/orderBookSlice.ts b/src/app/redux/orderBookSlice.ts
index 2187658b..916cc645 100644
--- 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;