From 3f1bd9c3c8295118ed196e67608c2e8a5eb9d0a2 Mon Sep 17 00:00:00 2001 From: XiaoYhun Date: Mon, 18 Sep 2023 11:23:47 +0700 Subject: [PATCH] hide variants in list --- .../components/SearchWithDropDown.tsx | 9 ++-- .../TrueSightV2/components/table/index.tsx | 2 +- .../TrueSightV2/pages/TokenAnalysisList.tsx | 45 +++++++++---------- 3 files changed, 28 insertions(+), 28 deletions(-) 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 && ( <> - )} + )} */}