fix: portals tooltip overlay (#8290)

shapeshift · Dec 5, 2024 · 2371b6a · 2371b6a
1 parent a464651
commit 2371b6a
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/src/components/MultiHopTrade/components/MultiHopTradeConfirm/components/Hop.tsx b/src/components/MultiHopTrade/components/MultiHopTradeConfirm/components/Hop.tsx
@@ -309,24 +309,32 @@ export const Hop = ({
       <Divider width='auto' ml={6} borderColor='border.base' opacity={1} />
       <CardFooter fontSize='sm' pl={8}>
         <HStack width='full' justifyContent='space-between'>
-          {/* Hovering over this should render a popover with details */}
-          <Tooltip label={translate('trade.tooltip.gasFee')}>
+          <Tooltip
+            label={translate(
+              networkFeeFiatUserCurrency
+                ? 'trade.tooltip.gasFee'
+                : 'trade.tooltip.continueSwapping',
+            )}
+          >
             <Flex alignItems='center' gap={2}>
               <Flex color='text.subtle'>
                 <FaGasPump />
               </Flex>
               {!networkFeeFiatUserCurrency ? (
-                <Tooltip label={translate('trade.tooltip.continueSwapping')}>
-                  <Text translation={'trade.unknownGas'} fontSize='sm' />
-                </Tooltip>
+                <Text translation={'trade.unknownGas'} fontSize='sm' />
               ) : (
                 <Amount.Fiat value={networkFeeFiatUserCurrency} display='inline' />
               )}
             </Flex>
           </Tooltip>
 
-          {/* Hovering over this should render a popover with details */}
-          <Tooltip label={translate('trade.tooltip.protocolFee')}>
+          <Tooltip
+            label={translate(
+              protocolFeeFiatPrecision
+                ? 'trade.tooltip.protocolFee'
+                : 'trade.tooltip.continueSwapping',
+            )}
+          >
             <Flex alignItems='center' gap={2}>
               <Flex color='text.subtle'>
                 <ProtocolIcon />