diff --git a/.changeset/dull-feet-wink.md b/.changeset/dull-feet-wink.md new file mode 100644 index 000000000..bc19afa91 --- /dev/null +++ b/.changeset/dull-feet-wink.md @@ -0,0 +1,5 @@ +--- +'@reservoir0x/relay-kit-ui': patch +--- + +Restore slippage UI component in transaction review step diff --git a/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx b/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx index 9bdf65977..3144f975d 100644 --- a/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx +++ b/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx @@ -116,59 +116,58 @@ export const ReviewQuoteStep: FC = ({ let breakdown: { title: string; value: ReactNode }[] = [] - //This is temporarily removed until we can work out better slippage estimation - // if ( - // minimumAmountFormatted && - // quote?.details?.slippageTolerance?.destination?.percent && - // quote.details.slippageTolerance.destination.percent != '0.00' - // ) { - // breakdown.push({ - // title: 'Min. Received', - // value: ( - // - // - // {minimumAmountFormatted} {toToken?.symbol} - // - // - // Automatic slippage tolerance is applied to every trade. The - // option to adjust slippage will be available soon. - // - // } - // > - //
- // - // - // Slippage:{' '} - // {quote?.details?.slippageTolerance?.destination?.percent ?? 0} - // % - // - // - // - // - // - //
- //
- //
- // ) - // }) - // } + if ( + minimumAmountFormatted && + quote?.details?.slippageTolerance?.destination?.percent && + quote.details.slippageTolerance.destination.percent != '0.00' + ) { + breakdown.push({ + title: 'Min. Received', + value: ( + + + {minimumAmountFormatted} {toToken?.symbol} + + + Automatic slippage tolerance is applied to every trade. The + option to adjust slippage will be available soon. + + } + > +
+ + + Slippage:{' '} + {quote?.details?.slippageTolerance?.destination?.percent ?? 0} + % + + + + + +
+
+
+ ) + }) + } breakdown = [ ...breakdown,