fix: tooltip opacity + deposit tx tracking (#905)

across-protocol · Nov 6, 2023 · a6cfb0b · a6cfb0b · vercel · Nov 6, 2023
1 parent 217374d
commit a6cfb0b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/components/Tooltip/Tooltip.styles.tsx b/src/components/Tooltip/Tooltip.styles.tsx
@@ -2,6 +2,10 @@ import styled from "@emotion/styled";
 import { Tooltip } from "react-tooltip";
 import { ReactComponent as RoundedCheckmark16 } from "assets/icons/rounded-checkmark-16.svg";
 
+export const StyledAnchor = styled.a`
+  line-height: 1;
+`;
+
 export const StyledTooltip = styled(Tooltip)`
   z-index: 5;
   padding: 0;

diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -8,6 +8,7 @@ import {
   GreyRoundedCheckmark16,
   TitleSecondary,
   StyledTooltip,
+  StyledAnchor,
 } from "./Tooltip.styles";
 import { ReactComponent as RoundedCheckmark16 } from "assets/icons/rounded-checkmark-16.svg";
 import { ReactComponent as RefereeIcon } from "assets/icons/referree.svg";
@@ -46,10 +47,10 @@ export const Tooltip: React.FC<TooltipProps> = ({
 
   return (
     <>
-      <a data-tooltip-id={id} data-tooltip-place={placement}>
+      <StyledAnchor data-tooltip-id={id} data-tooltip-place={placement}>
         {children}
-      </a>
-      <StyledTooltip id={id} noArrow>
+      </StyledAnchor>
+      <StyledTooltip id={id} noArrow opacity={1}>
         <Wrapper>
           {title && (
             <TitleRow>

diff --git a/src/views/DepositStatus/hooks/useDepositTracking.ts b/src/views/DepositStatus/hooks/useDepositTracking.ts
@@ -27,7 +27,7 @@ export function useDepositTracking(
   toChainId: number,
   fromBridgePagePayload?: FromBridgePagePayload
 ) {
-  const [shouldRetryDepositQuery, setShouldRetryDepositQuery] = useState(false);
+  const [shouldRetryDepositQuery, setShouldRetryDepositQuery] = useState(true);
 
   const { addToAmpliQueue } = useAmplitude();