diff --git a/src/components/Header/KyberAINavItem.tsx b/src/components/Header/KyberAINavItem.tsx index a3f9460dcc..40d23a6d79 100644 --- a/src/components/Header/KyberAINavItem.tsx +++ b/src/components/Header/KyberAINavItem.tsx @@ -1,18 +1,20 @@ -import { Trans, t } from '@lingui/macro' +import { Trans } from '@lingui/macro' import { darken } from 'polished' import { useLocation } from 'react-router-dom' import styled from 'styled-components' +import Column from 'components/Column' import ApeIcon from 'components/Icons/ApeIcon' -import { RowFit } from 'components/Row' -import { MouseoverTooltip } from 'components/Tooltip' +import Icon from 'components/Icons/Icon' +import Row, { RowFit } from 'components/Row' import { TutorialIds } from 'components/Tutorial/TutorialSwap/constant' import { APP_PATHS } from 'constants/index' import useTheme from 'hooks/useTheme' +import { useIsWhiteListKyberAI } from 'state/user/hooks' import SlideToUnlock from './SlideToUnlock' import NavGroup from './groups/NavGroup' -import { DropdownTextAnchor } from './styleds' +import { DropdownTextAnchor, StyledNavLink } from './styleds' const CustomSlideToUnlock = styled(SlideToUnlock)` background: linear-gradient( @@ -69,7 +71,7 @@ const BetaTag = () => { marginTop: '-16px', }} > - Beta + beta ) } @@ -77,52 +79,47 @@ const BetaTag = () => { const KyberAINavItem = () => { const { pathname } = useLocation() const isActive = pathname.includes(APP_PATHS.KYBERAI) - // const { isWhiteList } = useIsWhiteListKyberAI() - - // const dropdownContent = ( - // - // - // - // - // About - // - // - // - // - // - // Rankings - // - // - // - // - // - // - // Explore - // - // - // - // ) - + const { isWhiteList } = useIsWhiteListKyberAI() return ( - - - {/**/} + + KyberAI - {/**/} - - - + + + } - dropdownContent={null} + dropdownContent={ + + + + + About + + + + + + Rankings + + + + + + + Explore + + + + } /> ) } diff --git a/src/pages/App.tsx b/src/pages/App.tsx index 48b4c29f3e..5e6af42c4a 100644 --- a/src/pages/App.tsx +++ b/src/pages/App.tsx @@ -20,7 +20,7 @@ import Footer from 'components/Footer/Footer' import Header from 'components/Header' import Loader from 'components/LocalLoader' import Modal from 'components/Modal' -import ProtectedRoute from 'components/ProtectedRoute' +import ProtectedRoute, { ProtectedRouteKyberAI } from 'components/ProtectedRoute' import Snowfall from 'components/Snowflake/Snowfall' import Web3ReactManager from 'components/Web3ReactManager' import { ENV_LEVEL } from 'constants/env' @@ -34,7 +34,9 @@ import useSessionExpiredGlobal from 'hooks/useSessionExpire' import useTheme from 'hooks/useTheme' import { useSyncNetworkParamWithStore } from 'hooks/web3/useSyncNetworkParamWithStore' import { RedirectPathToSwapV3Network } from 'pages/SwapV3/redirects' +import KyberAIExplore from 'pages/TrueSightV2' import TruesightFooter from 'pages/TrueSightV2/components/TruesightFooter' +import KyberAILandingPage from 'pages/TrueSightV2/pages/LandingPage' import Verify from 'pages/Verify' import { useHolidayMode } from 'state/user/hooks' import DarkModeQueryParamReader from 'theme/DarkModeQueryParamReader' @@ -358,39 +360,40 @@ export default function App() { } /> } /> } /> - {/*} />*/} - {/**/} - {/* */} - {/* */} - {/* }*/} - {/*/>*/} - {/**/} - {/* */} - {/* */} - {/* }*/} - {/*/>*/} - {/**/} - {/* */} - {/* */} - {/* }*/} - {/*/>*/} - {/**/} - {/* */} - {/* */} - {/* }*/} - {/*/>*/} + } /> + } /> + + + + } + /> + + + + } + /> + + + + } + /> + + + + } + /> } /> } /> } />