fix: position X opt in tooltip on TDP (#7465)
This commit is contained in:
parent
749c9b40ea
commit
e9fbf61375
@ -17,6 +17,7 @@ import {
|
||||
import { formatCommonPropertiesForTrade } from 'lib/utils/analytics'
|
||||
import { PropsWithChildren, useEffect, useRef, useState } from 'react'
|
||||
import { X } from 'react-feather'
|
||||
import { useLocation } from 'react-router-dom'
|
||||
import { Text } from 'rebass'
|
||||
import { useAppDispatch } from 'state/hooks'
|
||||
import { RouterPreference } from 'state/routing/types'
|
||||
@ -73,6 +74,7 @@ const OptInContents = ({
|
||||
const dispatch = useAppDispatch()
|
||||
const [showYoureIn, setShowYoureIn] = useState(false)
|
||||
const isVisible = isOnClassic
|
||||
const location = useLocation()
|
||||
|
||||
// adding this as we need to mount and then set shouldAnimate = true after it mounts to avoid a flicker on initial mount
|
||||
const [shouldAnimate, setShouldAnimate] = useState(false)
|
||||
@ -115,7 +117,7 @@ const OptInContents = ({
|
||||
|
||||
const containerRef = useRef<HTMLDivElement>()
|
||||
|
||||
if (isSmall) {
|
||||
if (isSmall || location.pathname.includes('/tokens/')) {
|
||||
return (
|
||||
<SwapOptInSmallContainer ref={containerRef as any} visible={isVisible} shouldAnimate={shouldAnimate}>
|
||||
<SwapMustache>
|
||||
|
Loading…
Reference in New Issue
Block a user