useDrawOrderbookHistograms -> useDrawOrderbook

src/hooks/orderbook/index.ts

@@ -1,11 +1,11 @@
 import { useCalculateOrderbookData } from './useCalculateOrderbookData';
 import { useCenterOrderbook } from './useCenterOrderbook';
-import { useDrawOrderbookHistograms } from './useDrawOrderbookHistograms';
+import { useDrawOrderbook } from './useDrawOrderbook';
 import { useSpreadRowScrollListener } from './useSpreadRowScrollListener';
 
 export {
   useCalculateOrderbookData,
   useCenterOrderbook,
-  useDrawOrderbookHistograms,
+  useDrawOrderbook,
   useSpreadRowScrollListener,
 };

src/hooks/orderbook/useDrawOrderbook.ts

@@ -25,7 +25,7 @@ type StyleProps = {
   histogramSide?: 'left' | 'right';
 };
 
-export const useDrawOrderbookHistograms = ({
+export const useDrawOrderbook = ({
   data,
   histogramRange,
   stepSizeDecimals,

src/views/Orderbook.tsx

@@ -9,7 +9,7 @@ import { useBreakpoints, useStringGetter } from '@/hooks';
 import {
   useCalculateOrderbookData,
   useCenterOrderbook,
-  useDrawOrderbookHistograms,
+  useDrawOrderbook,
   useSpreadRowScrollListener,
 } from '@/hooks/orderbook';
 
@@ -118,7 +118,7 @@ export const Orderbook = ({
     side: 'bid' | 'ask';
   }>();
 
-  const { canvasRef: asksCanvasRef, hoverCanvasRef: asksHoverRef } = useDrawOrderbookHistograms({
+  const { canvasRef: asksCanvasRef, hoverCanvasRef: asksHoverRef } = useDrawOrderbook({
     data: asksSlice.reverse(),
     histogramRange,
     stepSizeDecimals,
@@ -127,7 +127,7 @@ export const Orderbook = ({
     histogramSide,
   });
 
-  const { canvasRef: bidsCanvasRef, hoverCanvasRef: bidsHoverRef } = useDrawOrderbookHistograms({
+  const { canvasRef: bidsCanvasRef, hoverCanvasRef: bidsHoverRef } = useDrawOrderbook({
     data: bidsSlice.reverse(),
     histogramRange,
     stepSizeDecimals,