fix: add slippage tooltip

lifinance · Jul 22, 2024 · 9624fd1 · 9624fd1
1 parent fe7184b
commit 9624fd1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/widget/src/components/TransactionDetails.tsx b/packages/widget/src/components/TransactionDetails.tsx
@@ -152,9 +152,11 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
             <>
               <Box display="flex" justifyContent="space-between" mb={0.5}>
                 <Typography variant="body2">{t('main.maxSlippage')}</Typography>
-                <Typography variant="body2">
-                  {route.steps[0].action.slippage * 100}%
-                </Typography>
+                <Tooltip title={t('tooltip.slippage')} sx={{ cursor: 'help' }}>
+                  <Typography variant="body2">
+                    {route.steps[0].action.slippage * 100}%
+                  </Typography>
+                </Tooltip>
               </Box>
               <Box display="flex" justifyContent="space-between">
                 <Typography variant="body2">{t('main.minReceived')}</Typography>

diff --git a/packages/widget/src/i18n/en.json b/packages/widget/src/i18n/en.json
@@ -165,6 +165,7 @@
     }
   },
   "tooltip": {
+    "deselectAll": "Deselect all",
     "estimatedTime": "Estimated execution time in minutes.",
     "minReceived": "The estimated minimum amount may change until the swapping/bridging transaction is signed. For 2-step transfers, this applies until the second step transaction is signed.",
     "notFound": {
@@ -176,7 +177,7 @@
     "progressToNextUpdate": "Quotes will update in {{value}} seconds. <0/> Click here to update now.",
     "selectAll": "Select all",
     "settingsModified": "Settings (modified)",
-    "deselectAll": "Deselect all"
+    "slippage": "The maximum percentage difference between the expected price, and the actual price at which a transfer is executed. This value can be changed in settings."
   },
   "main": {
     "allTokens": "All tokens",
@@ -277,7 +278,7 @@
       "title": "Gas price"
     },
     "routePriority": "Route priority",
-    "slippage": "Slippage",
+    "slippage": "Max. slippage",
     "custom": "Custom",
     "resetSettings": "You're using custom settings that can affect the number or sorting of available routes."
   },