diff --git a/src/components/Announcement/PrivateAnnoucement/InboxItemKyberAIWatchList.tsx b/src/components/Announcement/PrivateAnnoucement/InboxItemKyberAIWatchList.tsx index c1e091c5f6..19f2a3f02a 100644 --- a/src/components/Announcement/PrivateAnnoucement/InboxItemKyberAIWatchList.tsx +++ b/src/components/Announcement/PrivateAnnoucement/InboxItemKyberAIWatchList.tsx @@ -19,7 +19,7 @@ const ItemWrapper = styled.div` gap: 8px; ` export const TokenInfo = ({ - showPrice = true, + showPrice = false, logoSize = '12px', token, }: { @@ -73,7 +73,7 @@ function InboxItemBridge({ } return ( - + diff --git a/src/components/Announcement/PrivateAnnoucement/NotificationCenter/KyberAIWatchlist.tsx b/src/components/Announcement/PrivateAnnoucement/NotificationCenter/KyberAIWatchlist.tsx index c077f940ef..2bf1223fd5 100644 --- a/src/components/Announcement/PrivateAnnoucement/NotificationCenter/KyberAIWatchlist.tsx +++ b/src/components/Announcement/PrivateAnnoucement/NotificationCenter/KyberAIWatchlist.tsx @@ -53,7 +53,7 @@ export default function AnnouncementItem({ {!expand && minimalAssets.map((token, i) => ( - + {i === minimalAssets.length - 1 ? (minimalAssets.length < slice ? '' : ', ...') : ', '} ))} diff --git a/src/pages/TrueSightV2/components/TokenFilter/WatchlistSelect.tsx b/src/pages/TrueSightV2/components/TokenFilter/WatchlistSelect.tsx index 769c363bb6..f2d040cef9 100644 --- a/src/pages/TrueSightV2/components/TokenFilter/WatchlistSelect.tsx +++ b/src/pages/TrueSightV2/components/TokenFilter/WatchlistSelect.tsx @@ -16,6 +16,7 @@ const Divider = styled.div` ` const CustomOption = styled(Row)` + cursor: pointer; :hover { background-color: ${({ theme }) => theme.background}; } diff --git a/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx b/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx index b7dfeaeb18..28d4245171 100644 --- a/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx +++ b/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx @@ -10,7 +10,6 @@ import Column from 'components/Column' import DownloadWalletModal from 'components/DownloadWalletModal' import Row from 'components/Row' import { APP_PATHS } from 'constants/index' -import { useActiveWeb3React } from 'hooks' import useLogin from 'hooks/useLogin' import { MIXPANEL_TYPE, useMixpanelKyberAI } from 'hooks/useMixpanel' import useTheme from 'hooks/useTheme' @@ -18,7 +17,7 @@ import SubscribeForm from 'pages/TrueSightV2/pages/RegisterWhitelist/SubscribeFo import WaitListForm from 'pages/TrueSightV2/pages/RegisterWhitelist/WaitListForm' import VerifyCodeModal from 'pages/Verify/VerifyCodeModal' import { ApplicationModal } from 'state/application/actions' -import { useOpenModal, useWalletModalToggle } from 'state/application/hooks' +import { useOpenModal } from 'state/application/hooks' import { useSessionInfo } from 'state/authen/hooks' import { useIsWhiteListKyberAI } from 'state/user/hooks' import { ButtonText } from 'theme' @@ -32,8 +31,6 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool const navigate = useNavigate() const theme = useTheme() const mixpanelHandler = useMixpanelKyberAI() - const { account } = useActiveWeb3React() - const toggleWalletModal = useWalletModalToggle() const { isLogin } = useSessionInfo() const { signIn } = useLogin() @@ -67,7 +64,7 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool <> @@ -99,11 +96,11 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool ) - if (!account) + if (!isLogin) return ( - - Sign in with wallet + signIn()}> + Sign-In to Continue Don't have a wallet? @@ -115,13 +112,6 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool ) - if (!isLogin) - return ( - signIn()}> - Sign-In to Continue - - ) - const btnGetStart = ( {