@rango-dev/ui 0.1.10-next.89 → 0.1.10-next.91

package/dist/ui.esm.js

@@ -4069,15 +4069,19 @@ function ConfirmSwap(props) {
       onClick: onRefresh
     })
   }, React__default.createElement(MainContainer$2, null, React__default.createElement("div", null, extraMessages || null, React__default.createElement(Alerts, null, errors == null ? void 0 : errors.map(function (error, index) {
-    return React__default.createElement(Alert, {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(Spacer, {
+      direction: "vertical"
+    }), React__default.createElement(Alert, {
       type: "error",
       key: index
-    }, error);
+    }, error));
   }), warnings == null ? void 0 : warnings.map(function (warning, index) {
-    return React__default.createElement(Alert, {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(Spacer, {
+      direction: "vertical"
+    }), React__default.createElement(Alert, {
       type: "warning",
       key: index
-    }, warning);
+    }, warning));
   }))), React__default.createElement(BestRouteContainer$1, null, bestRoute == null ? void 0 : (_bestRoute$result = bestRoute.result) == null ? void 0 : _bestRoute$result.swaps.map(function (swap, index) {
     var _bestRoute$result2;
     return React__default.createElement(Fragment, {
@@ -4097,7 +4101,7 @@ function ConfirmSwap(props) {
     }, swap.swapperType, " from ", swap.from.symbol, " to", ' ', swap.to.symbol, " via ", swap.swapperId, ' '), React__default.createElement(Fee, null, React__default.createElement(GasIcon, null), React__default.createElement(Typography, {
       ml: 4,
       variant: "caption"
-    }, parseFloat(swap.fee[0].amount).toFixed(6), " estimated gas fee")))), React__default.createElement(Line$2, null), index + 1 === ((_bestRoute$result2 = bestRoute.result) == null ? void 0 : _bestRoute$result2.swaps.length) && React__default.createElement(ArrowDown, null), React__default.createElement(StepDetail, {
+    }, "$", swap.feeInUsd, " estimated gas fee")))), React__default.createElement(Line$2, null), index + 1 === ((_bestRoute$result2 = bestRoute.result) == null ? void 0 : _bestRoute$result2.swaps.length) && React__default.createElement(ArrowDown, null), React__default.createElement(StepDetail, {
       logo: swap.to.logo,
       symbol: swap.to.symbol,
       chainLogo: swap.to.blockchainLogo,
@@ -4131,8 +4135,8 @@ function ConfirmWallets(props) {
     handleConnectChain = props.handleConnectChain,
     fromAmount = props.fromAmount,
     toAmount = props.toAmount;
-  var firstStep = (_swap$result = swap.result) == null ? void 0 : _swap$result.swaps[0];
-  var lastStep = (_swap$result2 = swap.result) == null ? void 0 : _swap$result2.swaps[((_swap$result3 = swap.result) == null ? void 0 : _swap$result3.swaps.length) - 1];
+  var firstStep = swap == null ? void 0 : (_swap$result = swap.result) == null ? void 0 : _swap$result.swaps[0];
+  var lastStep = swap == null ? void 0 : (_swap$result2 = swap.result) == null ? void 0 : _swap$result2.swaps[((_swap$result3 = swap.result) == null ? void 0 : _swap$result3.swaps.length) - 1];
   return React__default.createElement(SecondaryPage, {
     textField: false,
     title: "Confirm Swap",
@@ -4375,7 +4379,7 @@ function SwapHistory(props) {
     }, step.swapperType, " from ", step.fromSymbol, " to ", step.toSymbol, "via ", step.swapperId), React__default.createElement(Fee, null, React__default.createElement(GasIcon, null), React__default.createElement(Typography, {
       ml: 4,
       variant: "caption"
-    }, step.feeInUsd, " estimated gas fee")))), React__default.createElement("div", {
+    }, "$", step.feeInUsd, " estimated gas fee")))), React__default.createElement("div", {
       style: {
         display: 'flex'
       }