diff --git a/src/pages/TrueSightV2/components/SearchWithDropDown.tsx b/src/pages/TrueSightV2/components/SearchWithDropDown.tsx
index a543996385..c81b61f2af 100644
--- a/src/pages/TrueSightV2/components/SearchWithDropDown.tsx
+++ b/src/pages/TrueSightV2/components/SearchWithDropDown.tsx
@@ -22,6 +22,7 @@ import { KYBERAI_LISTYPE_TO_MIXPANEL, NETWORK_IMAGE_URL } from '../constants'
import { useLazySearchTokenQuery, useSearchTokenQuery, useTokenListQuery } from '../hooks/useKyberAIData'
import { ITokenList, ITokenSearchResult, KyberAIListType } from '../types'
import { formatTokenPrice } from '../utils'
+import WatchlistButton from './WatchlistButton'
const formatTokenType = (token: ITokenList): ITokenSearchResult => {
const token0 = token.tokens[0]
@@ -211,6 +212,8 @@ const TokenItem = ({ token, onClick }: { token: ITokenSearchResult; onClick?: ()
>
+
+
{
{history && (
+
Search History
@@ -458,7 +461,7 @@ const SearchWithDropdown = () => {
)}
+
Bullish Tokens
@@ -488,7 +491,7 @@ const SearchWithDropdown = () => {
+
Bearish Tokens
diff --git a/src/pages/TrueSightV2/components/table/index.tsx b/src/pages/TrueSightV2/components/table/index.tsx
index 8a1ae83f1f..d6574246f0 100644
--- a/src/pages/TrueSightV2/components/table/index.tsx
+++ b/src/pages/TrueSightV2/components/table/index.tsx
@@ -688,7 +688,7 @@ const WidgetTokenRow = ({
{token.symbol}
{' '}
-
+ {/* */}
diff --git a/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx b/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx
index 492fb38dbf..dec7c9e510 100644
--- a/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx
+++ b/src/pages/TrueSightV2/pages/TokenAnalysisList.tsx
@@ -22,19 +22,16 @@ import { MouseoverTooltipDesktopOnly } from 'components/Tooltip'
import { APP_PATHS, ICON_ID } from 'constants/index'
import { NETWORKS_INFO } from 'constants/networks'
import { MIXPANEL_TYPE, useMixpanelKyberAI } from 'hooks/useMixpanel'
-import { useOnClickOutside } from 'hooks/useOnClickOutside'
import useTheme from 'hooks/useTheme'
import { MEDIA_WIDTHS } from 'theme'
import ChevronIcon from '../components/ChevronIcon'
import FeedbackSurvey from '../components/FeedbackSurvey'
import KyberAIShareModal from '../components/KyberAIShareModal'
-import MultipleChainDropdown from '../components/MultipleChainDropdown'
import NetworkSelect from '../components/NetworkSelect'
import SimpleTooltip from '../components/SimpleTooltip'
import SmallKyberScoreMeter from '../components/SmallKyberScoreMeter'
import TokenChart from '../components/TokenChartSVG'
-import TokenListVariants from '../components/TokenListVariants'
import WatchlistButton from '../components/WatchlistButton'
import KyberScoreChart from '../components/chart/KyberScoreChart'
import TokenAnalysisListShareContent from '../components/shareContent/TokenAnalysisListShareContent'
@@ -476,32 +473,32 @@ const TokenRow = ({
const mixpanelHandler = useMixpanelKyberAI()
// const { account } = useActiveWeb3React()
const theme = useTheme()
- const [showMenu, setShowMenu] = useState(false)
- const [showSwapMenu, setShowSwapMenu] = useState(false)
- const [menuLeft, setMenuLeft] = useState(undefined)
+ // const [showMenu, setShowMenu] = useState(false)
+ // const [showSwapMenu, setShowSwapMenu] = useState(false)
+ // const [menuLeft, setMenuLeft] = useState(undefined)
// const [addToWatchlist] = useAddToWatchlistMutation()
// const [removeFromWatchlist] = useRemoveFromWatchlistMutation()
// const reachedMaxLimit = useIsReachMaxLimitWatchedToken(token?.tokens.length)
// const [isWatched, setIsWatched] = useState(false)
// const [loadingStar, setLoadingStar] = useState(false)
const rowRef = useRef(null)
- const menuRef = useRef(null)
+ // const menuRef = useRef(null)
- useOnClickOutside(menuRef, () => setShowMenu(false))
- useOnClickOutside(menuRef, () => setShowSwapMenu(false))
+ // useOnClickOutside(menuRef, () => setShowMenu(false))
+ // useOnClickOutside(menuRef, () => setShowSwapMenu(false))
const above768 = useMedia(`(min-width:${MEDIA_WIDTHS.upToSmall}px)`)
const hasMutipleChain = token.tokens.length > 1
- const handleRowClick = (e: any) => {
+ const handleRowClick = () => {
if (hasMutipleChain) {
- const left = e.clientX - (rowRef.current?.getBoundingClientRect()?.left || 0)
- const rowWidth = rowRef.current?.getBoundingClientRect()?.width || 0
- const menuWidth = menuRef.current?.getBoundingClientRect()?.width || 0
- if (left !== undefined) {
- setMenuLeft(Math.min(left, rowWidth - menuWidth))
- setShowMenu(true)
- }
+ // const left = e.clientX - (rowRef.current?.getBoundingClientRect()?.left || 0)
+ // const rowWidth = rowRef.current?.getBoundingClientRect()?.width || 0
+ // const menuWidth = menuRef.current?.getBoundingClientRect()?.width || 0
+ // if (left !== undefined) {
+ // setMenuLeft(Math.min(left, rowWidth - menuWidth))
+ // setShowMenu(true)
+ // }
} else {
navigate(`${APP_PATHS.KYBERAI_EXPLORE}/${token.tokens[0].chain}/${token.tokens[0].address}`, {
state: { from: location },
@@ -585,7 +582,7 @@ const TokenRow = ({
{token.symbol}{' '}
-
+ {/* */}
@@ -658,8 +655,8 @@ const TokenRow = ({
option: 'explore',
})
if (hasMutipleChain) {
- setMenuLeft(undefined)
- setShowMenu(true)
+ // setMenuLeft(undefined)
+ // setShowMenu(true)
} else {
navigate(`${APP_PATHS.KYBERAI_EXPLORE}/${token.tokens[0].chain}/${token.tokens[0].address}`, {
state: { from: location },
@@ -681,8 +678,8 @@ const TokenRow = ({
option: 'swap',
})
if (hasMutipleChain) {
- setMenuLeft(undefined)
- setShowSwapMenu(true)
+ // setMenuLeft(undefined)
+ // setShowSwapMenu(true)
} else {
navigateToSwapPage(token.tokens[0])
}
@@ -691,7 +688,7 @@ const TokenRow = ({
- {hasMutipleChain && (
+ {/* {hasMutipleChain && (
<>
>
- )}
+ )} */}
|