From 8bae419297ef0cb8aa5a36b3ba007b481938a237 Mon Sep 17 00:00:00 2001 From: jaredvu Date: Mon, 27 Nov 2023 09:52:58 -0800 Subject: [PATCH] restore setting width from ref --- src/views/Orderbook.tsx | 24 ++++++++---------------- 1 file changed, 8 insertions(+), 16 deletions(-) diff --git a/src/views/Orderbook.tsx b/src/views/Orderbook.tsx index 9f77570..3f1008b 100644 --- a/src/views/Orderbook.tsx +++ b/src/views/Orderbook.tsx @@ -165,17 +165,13 @@ export const Orderbook = ({ > <$HistogramCanvas ref={asksCanvasRef} - width={300} - height={maxRowsPerSide * ROW_HEIGHT} - // width={asksCanvasRef.current?.clientWidth ?? 0} - // height={asksCanvasRef.current?.clientHeight ?? 0} + width={asksCanvasRef.current?.clientWidth ?? 0} + height={asksCanvasRef.current?.clientHeight ?? 0} /> <$HistogramCanvas ref={asksHoverRef} - width={300} - height={maxRowsPerSide * ROW_HEIGHT} - // width={asksCanvasRef.current?.clientWidth ?? 0} - // height={asksCanvasRef.current?.clientHeight ?? 0} + width={asksCanvasRef.current?.clientWidth ?? 0} + height={asksCanvasRef.current?.clientHeight ?? 0} /> {asksSlice.map((row: RowData, idx) => @@ -206,17 +202,13 @@ export const Orderbook = ({ > <$HistogramCanvas ref={bidsCanvasRef} - width={300} - height={maxRowsPerSide * ROW_HEIGHT} - // width={bidsCanvasRef.current?.clientWidth ?? 0} - // height={bidsCanvasRef.current?.clientHeight ?? 0} + width={bidsCanvasRef.current?.clientWidth ?? 0} + height={bidsCanvasRef.current?.clientHeight ?? 0} /> <$HistogramCanvas ref={bidsHoverRef} - width={300} - height={maxRowsPerSide * ROW_HEIGHT} - // width={bidsCanvasRef.current?.clientWidth ?? 0} - // height={bidsCanvasRef.current?.clientHeight ?? 0} + width={bidsCanvasRef.current?.clientWidth ?? 0} + height={bidsCanvasRef.current?.clientHeight ?? 0} /> {bidsSlice.map((row: RowData, idx) =>