+
+ {formattedPriceImpactPercentage}
+ {" "}
+ /{" "}
+
+ {formattedTotalFeePercentage}
+
+
+ }
+ />
+ );
+}
diff --git a/src/components/Synthetics/TradeBox/TradeBox.tsx b/src/components/Synthetics/TradeBox/TradeBox.tsx
index 63c64d5133..a355f95d2d 100644
--- a/src/components/Synthetics/TradeBox/TradeBox.tsx
+++ b/src/components/Synthetics/TradeBox/TradeBox.tsx
@@ -399,7 +399,7 @@ export function TradeBox({ isMobile }: { isMobile: boolean }) {
priceImpactPercentage = fees?.swapPriceImpact?.precisePercentage ?? 0n;
} else if (isTrigger && decreaseAmounts) {
sizeDeltaUsd = decreaseAmounts.sizeDeltaUsd;
- priceImpactDeltaUsd = decreaseAmounts.positionPriceImpactDeltaUsd;
+ priceImpactDeltaUsd = decreaseAmounts.totalPendingImpactDeltaUsd;
priceImpactPercentage = fees?.positionPriceImpact?.precisePercentage ?? 0n;
}
diff --git a/src/components/Synthetics/TradeBox/TradeBoxRows/AdvancedDisplayRows.tsx b/src/components/Synthetics/TradeBox/TradeBoxRows/AdvancedDisplayRows.tsx
index b8f98bb03b..eb6d4d882a 100644
--- a/src/components/Synthetics/TradeBox/TradeBoxRows/AdvancedDisplayRows.tsx
+++ b/src/components/Synthetics/TradeBox/TradeBoxRows/AdvancedDisplayRows.tsx
@@ -135,32 +135,6 @@ function ExistingPositionInfoRows() {
);
}
-function IncreaseOrderRow() {
- const tradeFlags = useSelector(selectTradeboxTradeFlags);
- const { isMarket, isLong } = tradeFlags;
- const increaseAmounts = useSelector(selectTradeboxIncreasePositionAmounts);
- const allowedSlippage = useSelector(selectTradeboxAllowedSlippage);
- const fees = useSelector(selectTradeboxFees);
- const executionPrice = useSelector(selectTradeboxExecutionPrice);
- const toToken = useSelector(selectTradeboxToToken);
-
- const acceptablePrice =
- isMarket && increaseAmounts?.acceptablePrice
- ? applySlippageToPrice(allowedSlippage, increaseAmounts.acceptablePrice, true, isLong)
- : increaseAmounts?.acceptablePrice;
-
- return (
-
- );
-}
-
function DecreaseOrderRow() {
const tradeFlags = useSelector(selectTradeboxTradeFlags);
const { isMarket, isLong } = tradeFlags;
@@ -288,7 +262,6 @@ export function TradeBoxAdvancedGroups({
)}
- {isIncrease && !isTwap && }
{isTrigger && }
diff --git a/src/components/Synthetics/TradeBox/hooks/useTradeboxTransactions.tsx b/src/components/Synthetics/TradeBox/hooks/useTradeboxTransactions.tsx
index f87a3fa95d..e35c7243e9 100644
--- a/src/components/Synthetics/TradeBox/hooks/useTradeboxTransactions.tsx
+++ b/src/components/Synthetics/TradeBox/hooks/useTradeboxTransactions.tsx
@@ -237,7 +237,7 @@ export function useTradeboxTransactions({ setPendingTxns }: TradeboxTransactions
isExpress: Boolean(expressParams),
isTwap: tradeMode === TradeMode.Twap,
interactionId: marketInfo?.name ? userAnalytics.getInteractionId(getTradeInteractionKey(marketInfo.name)) : "",
- priceImpactDeltaUsd: decreaseAmounts?.positionPriceImpactDeltaUsd,
+ priceImpactDeltaUsd: decreaseAmounts?.totalPendingImpactDeltaUsd,
priceImpactPercentage: fees?.positionPriceImpact?.precisePercentage,
netRate1h: isLong ? chartHeaderInfo?.fundingRateLong : chartHeaderInfo?.fundingRateShort,
tradeMode,
diff --git a/src/components/Synthetics/TradeFeesRow/TradeFeesRow.tsx b/src/components/Synthetics/TradeFeesRow/TradeFeesRow.tsx
index e158bf9ba0..326eb9820e 100644
--- a/src/components/Synthetics/TradeFeesRow/TradeFeesRow.tsx
+++ b/src/components/Synthetics/TradeFeesRow/TradeFeesRow.tsx
@@ -291,6 +291,50 @@ export function TradeFeesRow(p: Props) {
}
: undefined;
+ const netPriceImpactRow =
+ p.positionPriceImpact?.deltaUsd !== undefined && p.positionPriceImpact.deltaUsd !== 0n
+ ? {
+ id: "netPriceImpact",
+ label: (
+ <>
+ {t`Net Price Impact`}:
+
+ (
+ {formatPercentage(bigMath.abs(p.positionPriceImpact.precisePercentage), {
+ displayDecimals: 3,
+ bps: false,
+ })}{" "}
+ of position size)
+
+
+ ),
+ value: formatDeltaUsd(p.positionPriceImpact.deltaUsd),
+ className: getPositiveOrNegativeClass(p.positionPriceImpact.deltaUsd, "text-green-500"),
+ }
+ : undefined;
+
+ const priceImpactDiffRow =
+ p.priceImpactDiff?.deltaUsd !== undefined && p.priceImpactDiff.deltaUsd !== 0n
+ ? {
+ id: "priceImpactDiff",
+ label: (
+ <>
+ {t`Price Impact Rebates`}:
+
+ (
+ {formatPercentage(bigMath.abs(p.priceImpactDiff.precisePercentage), {
+ displayDecimals: 3,
+ bps: false,
+ })}{" "}
+ of position size)
+
+
+ ),
+ value: formatDeltaUsd(p.priceImpactDiff.deltaUsd),
+ className: getPositiveOrNegativeClass(p.priceImpactDiff.deltaUsd, "text-green-500"),
+ }
+ : undefined;
+
const rebateRow =
tradingIncentives && rebateIsApplicable
? {
@@ -341,6 +385,8 @@ export function TradeFeesRow(p: Props) {
if (p.feesType === "decrease") {
return [
+ netPriceImpactRow,
+ priceImpactDiffRow,
borrowFeeRow,
fundingFeeRow,
positionFeeRow,
@@ -417,6 +463,21 @@ export function TradeFeesRow(p: Props) {
);
}, [chainId, incentivesTokenTitle, rebateIsApplicable, tradingIncentives?.maxRebatePercent]);
+ const priceImpactRebatesInfo = useMemo(() => {
+ if (p.priceImpactDiff?.deltaUsd === undefined || p.priceImpactDiff.deltaUsd === 0n) {
+ return null;
+ }
+
+ return (
+
+ Price impact rebates for closing trades are claimable inder this claims tab.{" "}
+
+ Read more
+
+
+ );
+ }, [p.priceImpactDiff?.deltaUsd]);
+
const swapRouteMsg = useMemo(() => {
if (p.swapFees && p.swapFees.length <= 2) return;
return (
@@ -463,14 +524,16 @@ export function TradeFeesRow(p: Props) {
/>
))}
{incentivesBottomText &&
}
- {incentivesBottomText}
+ {incentivesBottomText &&
}
+ {priceImpactRebatesInfo &&
}
+ {swapRouteMsg &&
}
{swapRouteMsg}