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() {
} />
} />
} />
- {/*} />*/}
- {/**/}
- {/* */}
- {/* */}
- {/* }*/}
- {/*/>*/}
- {/**/}
- {/* */}
- {/* */}
- {/* }*/}
- {/*/>*/}
- {/**/}
- {/* */}
- {/* */}
- {/* }*/}
- {/*/>*/}
- {/**/}
- {/* */}
- {/* */}
- {/* }*/}
- {/*/>*/}
+ } />
+ } />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
} />
} />
} />