ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: force landing page to show based on landing query param (#5730)

Browse Source 
* feat: force landing page to show based on `landing` query param

* flag

* use intro

* lint
This commit is contained in:
Vignesh Mohankumar 2022-12-19 15:49:42 -05:00 committed by GitHub
parent 89c0caae43
commit 0ae9fe28a2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/Landing/index.tsx
View File

@ -3,6 +3,7 @@ import { BrowserEvent, ElementName, EventName, PageName } from '@uniswap/analyti
import { BaseButton } from 'components/Button' import { BaseButton } from 'components/Button'
import { LandingRedirectVariant, useLandingRedirectFlag } from 'featureFlags/flags/landingRedirect' import { LandingRedirectVariant, useLandingRedirectFlag } from 'featureFlags/flags/landingRedirect'
import Swap from 'pages/Swap' import Swap from 'pages/Swap'
import { parse } from 'qs'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { useLocation, useNavigate } from 'react-router-dom' import { useLocation, useNavigate } from 'react-router-dom'
import { Link as NativeLink } from 'react-router-dom' import { Link as NativeLink } from 'react-router-dom'
@ -182,8 +183,15 @@ export default function Landing() {
const selectedWallet = useAppSelector((state) => state.user.selectedWallet) const selectedWallet = useAppSelector((state) => state.user.selectedWallet)
const landingRedirectFlag = useLandingRedirectFlag() const landingRedirectFlag = useLandingRedirectFlag()
const navigate = useNavigate() const navigate = useNavigate()
const queryParams = parse(location.search, {
ignoreQueryPrefix: true,
})
// This can be simplified significantly once the flag is removed! For now being explicit is clearer.
useEffect(() => { useEffect(() => {
if (selectedWallet) { if (queryParams.intro) {
setShowContent(true)
} else if (selectedWallet) {
if (landingRedirectFlag === LandingRedirectVariant.Enabled) { if (landingRedirectFlag === LandingRedirectVariant.Enabled) {
navigate('/swap') navigate('/swap')
} else { } else {
@ -192,7 +200,7 @@ export default function Landing() {
} else { } else {
setShowContent(true) setShowContent(true)
} }
}, [navigate, selectedWallet, landingRedirectFlag]) }, [navigate, selectedWallet, landingRedirectFlag, queryParams.intro])
if (!isOpen) return null if (!isOpen) return null