diff --git a/features/withdrawals/request/form/options/lido-option.tsx b/features/withdrawals/request/form/options/lido-option.tsx index 8fd331301..dcf01e65e 100644 --- a/features/withdrawals/request/form/options/lido-option.tsx +++ b/features/withdrawals/request/form/options/lido-option.tsx @@ -19,6 +19,7 @@ import { LidoOptionValue, LidoOptionInlineLoader, } from './styles'; +import { OnlyInfraRender } from 'shared/components/only-infra-render'; const TooltipWithdrawalAmount = () => { const { navigateInpageAnchor } = useInpageNavigation(); @@ -29,19 +30,21 @@ const TooltipWithdrawalAmount = () => { title={ <> The final amount of claimable ETH can differ -
For more info, please read{' '} - { - trackMatomoEvent( - MATOMO_CLICK_EVENTS_TYPES.withdrawalFAQtooltipEthAmount, - ); - navigateInpageAnchor(e); - }} - > - FAQ - + +
For more info, please read{' '} + { + trackMatomoEvent( + MATOMO_CLICK_EVENTS_TYPES.withdrawalFAQtooltipEthAmount, + ); + navigateInpageAnchor(e); + }} + > + FAQ + +
} > diff --git a/features/withdrawals/request/wallet/wallet-queue-tooltip.tsx b/features/withdrawals/request/wallet/wallet-queue-tooltip.tsx index 944de18dc..497824827 100644 --- a/features/withdrawals/request/wallet/wallet-queue-tooltip.tsx +++ b/features/withdrawals/request/wallet/wallet-queue-tooltip.tsx @@ -10,6 +10,8 @@ import { import { QueueInfoStyled, DataTableRowStyled } from './styles'; import { useRequestFormData } from '../request-form-context'; import { useInpageNavigation } from 'providers/inpage-navigation'; +import { OnlyIpfsRender } from 'shared/components/only-ipfs-render'; +import { OnlyInfraRender } from 'shared/components/only-infra-render'; export const WalletQueueTooltip = () => { const waitingTime = useWaitingTime(''); @@ -38,19 +40,21 @@ export const WalletQueueTooltip = () => { const tooltipTitle = ( <> The withdrawal request time depends on the mode, overall amount of stETH - in queue and{' '} - { - trackMatomoEvent( - MATOMO_CLICK_EVENTS_TYPES.withdrawalOtherFactorsTooltipMode, - ); - navigateInpageAnchor(e); - }} - > - other factors - + in queue and other factors + + { + trackMatomoEvent( + MATOMO_CLICK_EVENTS_TYPES.withdrawalOtherFactorsTooltipMode, + ); + navigateInpageAnchor(e); + }} + > + other factors + + .{queueInfo} ); diff --git a/shared/components/only-infra-render/index.ts b/shared/components/only-infra-render/index.ts new file mode 100644 index 000000000..35c45a475 --- /dev/null +++ b/shared/components/only-infra-render/index.ts @@ -0,0 +1 @@ +export * from './only-infra-render'; diff --git a/shared/components/only-infra-render/only-infra-render.tsx b/shared/components/only-infra-render/only-infra-render.tsx new file mode 100644 index 000000000..16f7083e8 --- /dev/null +++ b/shared/components/only-infra-render/only-infra-render.tsx @@ -0,0 +1,5 @@ +import { dynamics } from 'config'; + +export const OnlyInfraRender = ({ children }: React.PropsWithChildren) => { + return !dynamics.ipfsMode ? <>{children} : null; +}; diff --git a/shared/components/only-ipfs-render/index.ts b/shared/components/only-ipfs-render/index.ts new file mode 100644 index 000000000..5478a45e4 --- /dev/null +++ b/shared/components/only-ipfs-render/index.ts @@ -0,0 +1 @@ +export * from './only-ipfs-render'; diff --git a/shared/components/only-ipfs-render/only-ipfs-render.tsx b/shared/components/only-ipfs-render/only-ipfs-render.tsx new file mode 100644 index 000000000..730746aa1 --- /dev/null +++ b/shared/components/only-ipfs-render/only-ipfs-render.tsx @@ -0,0 +1,5 @@ +import { dynamics } from 'config'; + +export const OnlyIpfsRender = ({ children }: React.PropsWithChildren) => { + return dynamics.ipfsMode ? <>{children} : null; +};