Commit 1882b146 authored by eddie's avatar eddie Committed by GitHub

fix: hide slippage warning when trade is x (#7439)

parent d56030a9
import { t, Trans } from '@lingui/macro' import { t, Trans } from '@lingui/macro'
import { Settings } from 'components/Icons/Settings' import { Settings } from 'components/Icons/Settings'
import Row from 'components/Row' import Row from 'components/Row'
import { InterfaceTrade } from 'state/routing/types'
import { isUniswapXTrade } from 'state/routing/utils'
import { useUserSlippageTolerance } from 'state/user/hooks' import { useUserSlippageTolerance } from 'state/user/hooks'
import { SlippageTolerance } from 'state/user/types' import { SlippageTolerance } from 'state/user/types'
import styled from 'styled-components' import styled from 'styled-components'
...@@ -45,11 +47,11 @@ const IconContainerWithSlippage = styled(IconContainer)<{ displayWarning?: boole ...@@ -45,11 +47,11 @@ const IconContainerWithSlippage = styled(IconContainer)<{ displayWarning?: boole
displayWarning ? theme.deprecated_accentWarningSoft : theme.surface2}; displayWarning ? theme.deprecated_accentWarningSoft : theme.surface2};
` `
const ButtonContent = () => { const ButtonContent = ({ trade }: { trade?: InterfaceTrade }) => {
const [userSlippageTolerance] = useUserSlippageTolerance() const [userSlippageTolerance] = useUserSlippageTolerance()
const { formatSlippage } = useFormatter() const { formatSlippage } = useFormatter()
if (userSlippageTolerance === SlippageTolerance.Auto) { if (userSlippageTolerance === SlippageTolerance.Auto || isUniswapXTrade(trade)) {
return ( return (
<IconContainer> <IconContainer>
<Icon /> <Icon />
...@@ -73,10 +75,12 @@ export default function MenuButton({ ...@@ -73,10 +75,12 @@ export default function MenuButton({
disabled, disabled,
onClick, onClick,
isActive, isActive,
trade,
}: { }: {
disabled: boolean disabled: boolean
onClick: () => void onClick: () => void
isActive: boolean isActive: boolean
trade?: InterfaceTrade
}) { }) {
return ( return (
<Button <Button
...@@ -87,7 +91,7 @@ export default function MenuButton({ ...@@ -87,7 +91,7 @@ export default function MenuButton({
data-testid="open-settings-dialog-button" data-testid="open-settings-dialog-button"
aria-label={t`Transaction Settings`} aria-label={t`Transaction Settings`}
> >
<ButtonContent /> <ButtonContent trade={trade} />
</Button> </Button>
) )
} }
...@@ -152,7 +152,12 @@ export default function SettingsTab({ ...@@ -152,7 +152,12 @@ export default function SettingsTab({
return ( return (
<Menu ref={node}> <Menu ref={node}>
<MenuButton disabled={!isChainSupported || chainId !== connectedChainId} isActive={isOpen} onClick={toggleMenu} /> <MenuButton
disabled={!isChainSupported || chainId !== connectedChainId}
isActive={isOpen}
onClick={toggleMenu}
trade={trade}
/>
{isOpenDesktop && <MenuFlyout>{Settings}</MenuFlyout>} {isOpenDesktop && <MenuFlyout>{Settings}</MenuFlyout>}
{isOpenMobile && ( {isOpenMobile && (
<Portal> <Portal>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment