diff --git a/src/modules/scenes/Main/Explorer/Browser/index.tsx b/src/modules/scenes/Main/Explorer/Browser/index.tsx index ebe24f14..8822b745 100644 --- a/src/modules/scenes/Main/Explorer/Browser/index.tsx +++ b/src/modules/scenes/Main/Explorer/Browser/index.tsx @@ -95,6 +95,7 @@ export const Browser = () => { } data-testid="tooltip" + interactive={true} > diff --git a/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx b/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx index fe588ccc..8bcf9a89 100644 --- a/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx +++ b/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx @@ -239,26 +239,31 @@ export const StatsInfo = () => { content={ - - Deposit liquidity - + + + Deposit liquidity + +   and then stake the LP tokens in the  - - Farm - + + + Farm + + . } data-testid="tooltip" + interactive={true} > diff --git a/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx b/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx index e1aa5c61..7b131bf1 100644 --- a/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx +++ b/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx @@ -8,7 +8,6 @@ import { useDispatch } from 'react-redux'; import { TTxRawObject } from '../../../../explorer'; import { useSdkContext } from '../../../../sdk-context'; import { toggleIsExistPreviousPage } from '../../../../store'; -import { TextPrimary } from '../../../Common'; import { swingbyTextDisplay } from '../../../../coins'; import { @@ -21,6 +20,7 @@ import { SwapFeesContainer, TitleText, Top, + TextPrimary, } from './styled'; interface Props { @@ -57,13 +57,16 @@ export const SwapFees = (props: Props) => { content={ - - - + + + + + } data-testid="tooltip" + interactive={true} > dispatch(toggleIsExistPreviousPage(true))} /> diff --git a/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx b/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx index 643089a7..a7d99a61 100644 --- a/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx +++ b/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx @@ -3,6 +3,7 @@ import { rem } from 'polished'; import styled from 'styled-components'; import { StylingConstants } from '../../../../styles'; +import { TextPrimary as CommonTextPrimary } from '../../../Common'; const { media } = StylingConstants; @@ -64,3 +65,7 @@ export const Center = styled.div` justify-content: space-between; align-items: center; `; + +export const TextPrimary = styled(CommonTextPrimary)` + cursor: pointer; +`;