fix: mev protection (#2868)

* fix: mev protection

* fix

Author: tienkane

apps/kyberswap-interface/src/components/SwapForm/AddMEVProtectionModal.tsx

@@ -131,13 +131,10 @@ export default function AddMEVProtectionModal({ isOpen, onClose }: { isOpen: boo
             </Flex>
             <Text>
               <Trans>
-                Note that adding the RPC endpoint automatically is only available via the MetaMask wallet. If you are
-                using another wallet or would like to add the RPC endpoint to your wallet manually, please refer to this
-              </Trans>{' '}
-              <ExternalLink href="https://docs.kyberswap.com/getting-started/quickstart/faq#how-to-change-rpc-in-metamask">
-                <Trans>guide</Trans>
-              </ExternalLink>
-              <Trans>. Please make sure you understand how it works and use at your own caution.</Trans>
+                Note that adding the RPC endpoint automatically is only available via the MetaMask wallet. If you’re
+                using another wallet please add the RPC endpoint manually in your wallet’s custom network settings.
+                Please make sure you understand how it works and use it at your own caution.
+              </Trans>
             </Text>
           </Flex>
         </Text>

apps/kyberswap-interface/src/components/SwapForm/SlippageSettingGroup.tsx

@@ -13,7 +13,6 @@ import InfoHelper from 'components/InfoHelper'
 import AddMEVProtectionModal, { KYBER_SWAP_RPC } from 'components/SwapForm/AddMEVProtectionModal'
 import SlippageSetting from 'components/SwapForm/SlippageSetting'
 import { MouseoverTooltip, TextDashed } from 'components/Tooltip'
-import { CONNECTION } from 'components/Web3Provider'
 import { APP_PATHS } from 'constants/index'
 import { useActiveWeb3React, useWeb3React } from 'hooks'
 import useMixpanel, { MIXPANEL_TYPE } from 'hooks/useMixpanel'
@@ -43,7 +42,7 @@ export default function SlippageSettingGroup({
 }) {
   const upToXXSmall = useMedia(`(max-width: ${MEDIA_WIDTHS.upToXXSmall}px)`)
   const theme = useTheme()
-  const { chainId, walletKey } = useActiveWeb3React()
+  const { chainId } = useActiveWeb3React()
   const { active } = useWeb3React()
   const [showMevModal, setShowMevModal] = useState(false)
   const { mixpanelHandler } = useMixpanel()
@@ -60,9 +59,8 @@ export default function SlippageSettingGroup({
   const [paymentToken] = usePaymentToken()
   const { isSlippageControlPinned } = useSlippageSettingByPage()
   const isPartnerSwap = window.location.pathname.startsWith(APP_PATHS.PARTNER_SWAP)
-  const isUsingMetamask = walletKey === CONNECTION.METAMASK_RDNS
   let rightButton =
-    KYBER_SWAP_RPC[chainId] && isUsingMetamask && active && !isPartnerSwap && !isMobile && !isTablet ? (
+    KYBER_SWAP_RPC[chainId] && active && !isPartnerSwap && !isMobile && !isTablet ? (
       <PriceAlertButton onClick={addMevProtectionHandler}>
         <Shield size={14} color={theme.subText} />
         <Text color={theme.subText} style={{ whiteSpace: 'nowrap' }}>

apps/kyberswap-interface/src/components/SwapForm/SwapModal/SwapDetails/index.tsx

@@ -20,7 +20,6 @@ import { useSwapFormContext } from 'components/SwapForm/SwapFormContext'
 import ValueWithLoadingSkeleton from 'components/SwapForm/SwapModal/SwapDetails/ValueWithLoadingSkeleton'
 import { TooltipTextOfSwapFee } from 'components/SwapForm/TradeSummary'
 import { MouseoverTooltip, TextDashed } from 'components/Tooltip'
-import { CONNECTION } from 'components/Web3Provider'
 import { APP_PATHS } from 'constants/index'
 import { useActiveWeb3React, useWeb3React } from 'hooks'
 import useENS from 'hooks/useENS'
@@ -46,7 +45,7 @@ export type Props = {
 } & Optional<Pick<DetailedRouteSummary, 'gasUsd' | 'executionPrice' | 'priceImpact'>>
 
 export default function SwapDetails({ isLoading, gasUsd, minimumAmountOut, priceImpact, buildData }: Props) {
-  const { chainId, networkInfo, account, walletKey } = useActiveWeb3React()
+  const { chainId, networkInfo, account } = useActiveWeb3React()
   const { active } = useWeb3React()
   const [showMevModal, setShowMevModal] = useState(false)
   const theme = useTheme()
@@ -116,10 +115,8 @@ export default function SwapDetails({ isLoading, gasUsd, minimumAmountOut, price
   const slippageStatus = checkRangeSlippage(rawSlippage, cat)
   const upToXXSmall = useMedia(`(max-width: ${MEDIA_WIDTHS.upToXXSmall}px)`)
   const isPartnerSwap = window.location.pathname.startsWith(APP_PATHS.PARTNER_SWAP)
-  const isUsingMetamask = walletKey === CONNECTION.METAMASK_RDNS
   const addMevButton =
     KYBER_SWAP_RPC[chainId] &&
-    isUsingMetamask &&
     active &&
     !isPartnerSwap &&
     slippageStatus === SLIPPAGE_STATUS.HIGH &&