v7.2.4

v7.2.4

components/Slider/Slider.tsx

@@ -45,7 +45,7 @@ export const getStep = (maxValue: number) => {
 	if (maxValue < 10) return 0.01;
 	if (maxValue < 100) return 1;
 	if (maxValue < 10000) return 10;
-	return 100;
+	return Math.pow(10, Math.floor(Math.log10(maxValue)) - 3);
 };
 
 const styledMarkLabel = css`

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "kwenta",
-	"version": "7.2.2",
+	"version": "7.2.4",
 	"scripts": {
 		"dev": "next",
 		"build": "next build",

sdk/constants/futures.ts

@@ -19,7 +19,7 @@ export const KWENTA_TRACKING_CODE = formatBytes32String('KWENTA');
 export const DEFAULT_NUMBER_OF_TRADES = 32;
 
 export const DEFAULT_PRICE_IMPACT_DELTA_PERCENT = {
-	MARKET: '4',
+	MARKET: '1',
 	STOP: '4',
 	LIMIT: '4',
 	STOP_LOSS: '5',

sdk/utils/futures.ts

@@ -345,15 +345,14 @@ export const formatPotentialTrade = (
 	const notionalValue = wei(size).mul(wei(basePrice));
 	const leverage = margin.gt(0) ? notionalValue.div(wei(margin)) : ZERO_WEI;
 
-	const priceImpact = wei(price).sub(basePrice).div(basePrice);
+	const priceImpact = wei(price).sub(basePrice).div(basePrice).abs();
 	const slippageDirection = nativeSizeDelta.gt(0)
 		? priceImpact.gt(0)
 			? -1
 			: nativeSizeDelta.lt(0)
 			? priceImpact.lt(0)
 			: -1
 		: 1;
-
 	return {
 		fee: wei(fee),
 		liqPrice: wei(liqPrice),
@@ -434,6 +433,7 @@ export const mapConditionalOrderFromContract = (
 	const asset = MarketAssetByKey[marketKey];
 	const sizeDelta = wei(orderDetails.sizeDelta);
 	const size = sizeDelta.abs();
+
 	return {
 		id: orderDetails.id,
 		subgraphId: `CM-${account}-${orderDetails.id}`,

sections/futures/MarketInfo/MarketHead.tsx

@@ -2,12 +2,10 @@ import Head from 'next/head';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { DEFAULT_CRYPTO_DECIMALS } from 'constants/defaults';
 import { getDisplayAsset } from 'sdk/utils/futures';
 import { formatCurrency } from 'sdk/utils/number';
 import { selectMarketAsset, selectSkewAdjustedPrice } from 'state/futures/selectors';
 import { useAppSelector } from 'state/hooks';
-import { isDecimalFour } from 'utils/futures';
 
 const MarketHead: FC = () => {
 	const { t } = useTranslation();

sections/futures/Trade/ShowPercentage.tsx

@@ -21,10 +21,6 @@ const ShowPercentage: React.FC<ShowPercentageProps> = ({
 	leverageWei,
 }) => {
 	const calculatePercentage = useMemo(() => {
-		// eslint-disable-next-line no-console
-		console.log(
-			`targetPrice: ${targetPrice}, currentPrice: ${currentPrice}, leverageSide: ${leverageSide}`
-		);
 		if (!targetPrice || !currentPrice || !leverageSide) return '';
 		const priceWei = wei(targetPrice);
 		const diff =

sections/futures/TradeConfirmation/TradeConfirmationModal.tsx

@@ -137,7 +137,7 @@ export default function TradeConfirmationModal({
 						value: formatDollars(orderPrice, { suggestDecimals: true }),
 				  }
 				: {
-						label: 'fill price',
+						label: 'Est. fill price',
 						value: formatDollars(positionDetails?.price ?? ZERO_WEI, { suggestDecimals: true }),
 				  },
 

sections/futures/TradingHistory/TradesHistoryTable.tsx

@@ -6,6 +6,7 @@ import styled, { css } from 'styled-components';
 import Table, { TableHeader } from 'components/Table';
 import { Body } from 'components/Text';
 import { NO_VALUE } from 'constants/placeholder';
+import { blockExplorer } from 'containers/Connector/Connector';
 import useGetFuturesTrades from 'queries/futures/useGetFuturesTrades';
 import { formatNumber } from 'sdk/utils/number';
 import { selectMarketKey } from 'state/futures/selectors';
@@ -44,6 +45,7 @@ const TradesHistoryTable: FC<TradesHistoryTableProps> = ({ mobile }) => {
 								time: Number(trade?.timestamp),
 								id: trade?.txnHash,
 								orderType: trade?.orderType,
+								account: trade?.account,
 							};
 						})
 				: [];
@@ -103,10 +105,9 @@ const TradesHistoryTable: FC<TradesHistoryTableProps> = ({ mobile }) => {
 					lastRef={lastElementRef}
 					$mobile={mobile}
 					onTableRowClick={(_row) => {
-						// TODO: Open tx to creator not executor
-						// row.original.id !== NO_VALUE
-						// ? window.open(`${blockExplorer.txLink(row.original.id)}`)
-						// : undefined
+						return _row.original.id !== NO_VALUE
+							? window.open(`${blockExplorer.addressLink(_row.original.account)}`)
+							: undefined;
 					}}
 					highlightRowsOnHover
 					columns={[

sections/futures/UserInfo/PositionsTable.tsx

@@ -74,6 +74,7 @@ const PositionsTable: FC<FuturesPositionTableProps> = () => {
 				const markPrice = markPrices[market?.marketKey!] ?? ZERO_WEI;
 				return {
 					market: market!,
+					remainingMargin: position.remainingMargin,
 					position: position.position!,
 					avgEntryPrice: thisPositionHistory?.avgEntryPrice,
 					stopLoss: position.stopLoss?.targetPrice,
@@ -205,7 +206,7 @@ const PositionsTable: FC<FuturesPositionTableProps> = () => {
 						<PositionCell>
 							<FlexDivCol>
 								<FlexDivRow justifyContent="flex-start" columnGap="5px">
-									<NumericValue value={row.position.initialMargin} />
+									<NumericValue value={row.remainingMargin} />
 									{accountType === 'cross_margin' && (
 										<EditPositionButton
 											modalType={'futures_edit_position_margin'}
@@ -303,7 +304,7 @@ const TableContainer = styled.div`
 
 const PositionRowDesktop = styled.div`
 	display: grid;
-	grid-template-columns: 75px 60px 110px 1fr 1fr 1.3fr 1fr 1fr 1fr 64px;
+	grid-template-columns: 75px 60px minmax(130px, 1fr) 1fr 1fr 1.3fr 1fr 1fr 1fr 64px;
 	grid-gap: 10px;
 	height: 100%;
 	height: 54px;

translations/en.json

@@ -951,7 +951,7 @@
 					"margin-change": "Margin",
 					"liquidation": "Liquidation",
 					"price-impact": "Price Impact",
-					"fill-price": "Fill Price",
+					"fill-price": "Est. Fill Price",
 					"submit-size": "Submit size change",
 					"submit-margin-withdraw": "Withdraw Margin",
 					"submit-margin-deposit": "Deposit Margin",