diff --git a/spark-frontend/src/entity/SpotMarketOrder.ts b/spark-frontend/src/entity/SpotMarketOrder.ts index ba594839..2306263c 100644 --- a/spark-frontend/src/entity/SpotMarketOrder.ts +++ b/spark-frontend/src/entity/SpotMarketOrder.ts @@ -48,8 +48,9 @@ export class SpotMarketOrder { this.quoteSize = new BN(order.baseSize) .abs() .times(order.orderPrice) - .times(this.quoteToken.decimals) + .times(Math.pow(10, this.quoteToken.decimals)) .div(Math.pow(10, this.baseToken.decimals) * this.priceScale); + this.quoteSizeUnits = BN.formatUnits(this.quoteSize, this.quoteToken.decimals); this.price = new BN(order.orderPrice); this.priceUnits = BN.formatUnits(order.orderPrice, this.priceDecimals); diff --git a/spark-frontend/src/screens/TradeScreen/OrderbookAndTradesInterface/SpotOrderBook/SpotOrderBookImpl.tsx b/spark-frontend/src/screens/TradeScreen/OrderbookAndTradesInterface/SpotOrderBook/SpotOrderBookImpl.tsx index c2d12b18..5dd994fe 100644 --- a/spark-frontend/src/screens/TradeScreen/OrderbookAndTradesInterface/SpotOrderBook/SpotOrderBookImpl.tsx +++ b/spark-frontend/src/screens/TradeScreen/OrderbookAndTradesInterface/SpotOrderBook/SpotOrderBookImpl.tsx @@ -18,6 +18,7 @@ import { useMedia } from "@src/hooks/useMedia"; import { media } from "@src/themes/breakpoints"; import BN from "@src/utils/BN"; import hexToRgba from "@src/utils/hexToRgb"; +import { useStores } from "@stores"; import { ORDER_MODE, ORDER_TYPE, useCreateOrderSpotVM } from "../../LeftBlock/CreateOrderSpot/CreateOrderSpotVM"; @@ -35,6 +36,8 @@ const SpotOrderBookImpl: React.FC = observer(() => { const orderSpotVm = useCreateOrderSpotVM(); const media = useMedia(); const theme = useTheme(); + const { tradeStore } = useStores(); + const market = tradeStore.market; const [isSettingsOpen, openSettings, closeSettings] = useFlag(); @@ -132,10 +135,9 @@ const SpotOrderBookImpl: React.FC = observer(() => { {renderSettingsIcons()} - {/*todo добавить описание в каком токене столбец (например Amount BTC | Total USDC | Price USDC)*/} - Amount - Total - Price + {`Amount ${market?.baseToken.symbol}`} + {`Total ${market?.quoteToken.symbol}`} + {`Price ${market?.quoteToken.symbol}`} {vm.orderFilter === 0 && (