@rango-dev/ui 0.26.1-next.4 → 0.26.1-next.5

package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts

@@ -27,6 +27,7 @@ export interface SwapTokenData {
             image: string;
         };
         amount: string;
+        realAmount: string;
     };
     to: {
         token: {

package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapListItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapListItem.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,EAAE,EAAE;QACF,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}
+{"version":3,"file":"SwapListItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapListItem.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,EAAE,EAAE;QACF,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}

package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAmIzC"}
+{"version":3,"file":"SwapToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAoIzC"}

package/dist/widget/ui/src/components/SwapListItem/mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/mock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,eAAO,MAAM,IAAI,EAAE,WA6RlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,aAsB3B,CAAC"}
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/mock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,eAAO,MAAM,IAAI,EAAE,WA6RlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,aAuB3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.26.1-next.4",
+  "version": "0.26.1-next.5",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",

package/src/components/SwapListItem/SwapListItem.types.ts

@@ -32,6 +32,7 @@ export interface SwapTokenData {
       image: string;
     };
     amount: string;
+    realAmount: string;
   };
 
   to: {

package/src/components/SwapListItem/SwapToken.tsx

@@ -71,12 +71,13 @@ export function SwapToken(props: PropTypes) {
         token: fromToken,
         amount: fromAmount,
         blockchain: fromBlockchain,
+        realAmount: fromRealAmount,
       },
       to: {
         token: toToken,
         amount: toAmount,
         blockchain: toBlockchain,
-        realAmount,
+        realAmount: toRealAmount,
       },
     },
     status,
@@ -128,7 +129,7 @@ export function SwapToken(props: PropTypes) {
               {fromToken.displayName}
             </Typography>
             {!!fromAmount && (
-              <Tooltip content={fromAmount} container={tooltipContainer}>
+              <Tooltip content={fromRealAmount} container={tooltipContainer}>
                 <Typography size="small" variant="body" color="neutral700">
                   {fromAmount}
                 </Typography>
@@ -142,7 +143,7 @@ export function SwapToken(props: PropTypes) {
             <Typography size="medium" variant="title">
               {toToken.displayName}
             </Typography>
-            <Tooltip content={realAmount} container={tooltipContainer}>
+            <Tooltip content={toRealAmount} container={tooltipContainer}>
               <Typography size="small" variant="body" color="neutral700">
                 {toAmount}
               </Typography>

package/src/components/SwapListItem/mock.ts

@@ -305,6 +305,7 @@ export const swapTokenData: SwapTokenData = {
       image: 'https://api.rango.exchange/swappers/osmosis.png',
     },
     amount: '1.1',
+    realAmount: '1.1',
   },
   to: {
     token: {

package/src/components/Wallet/Wallet.styles.ts

@@ -72,5 +72,5 @@ export const LoadingButton = styled('div', {
   backgroundColor: '$neutral100',
   alignItems: 'center',
   justifyContent: 'center',
-  width: 110,
+  width: 100,
 });