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

fix: use chain query param properly when activating (#6114)

Browse Source 
* fix: use `chain` query param properly when activating

* move

* Update src/hooks/useSyncChainQuery.ts

Co-authored-by: Jordan Frankfurt <jordanwfrankfurt@gmail.com>

---------

Co-authored-by: Jordan Frankfurt <jordanwfrankfurt@gmail.com>
This commit is contained in:
Vignesh Mohankumar 2023-03-09 22:24:14 -05:00 committed by GitHub
parent a90318cbe9
commit ae559d164a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/hooks/useSyncChainQuery.ts
View File

@ -32,6 +32,8 @@ export default function useSyncChainQuery() {
// Can't use `usePrevious` because `chainId` can be undefined while activating. // Can't use `usePrevious` because `chainId` can be undefined while activating.
const [previousChainId, setPreviousChainId] = useState<number | undefined>(undefined) const [previousChainId, setPreviousChainId] = useState<number | undefined>(undefined)
const [nextChainId, setNextChainId] = useState<number | undefined>(undefined)
useEffect(() => { useEffect(() => {
if (chainId && chainId !== previousChainId) { if (chainId && chainId !== previousChainId) {
setPreviousChainId(chainId) setPreviousChainId(chainId)
@ -40,14 +42,21 @@ export default function useSyncChainQuery() {
const [searchParams, setSearchParams] = useSearchParams() const [searchParams, setSearchParams] = useSearchParams()
const chainQueryManuallyUpdated = urlChainId && urlChainId !== previousUrlChainId && isActive useEffect(() => {
const chainQueryManuallyUpdated = urlChainId && urlChainId !== previousUrlChainId
if (chainQueryManuallyUpdated) {
setNextChainId(urlChainId)
}
}, [previousUrlChainId, urlChainId])
return useEffect(() => { return useEffect(() => {
if (chainQueryManuallyUpdated) { if (nextChainId && isActive) {
// If the query param changed, and the chain didn't change, then activate the new chain // If the query param changed, and the chain didn't change, then activate the new chain
selectChain(urlChainId) selectChain(nextChainId).then(() => {
searchParams.delete('chain') searchParams.delete('chain')
setSearchParams(searchParams) setSearchParams(searchParams)
setNextChainId(undefined)
})
} }
}, [chainQueryManuallyUpdated, urlChainId, selectChain, searchParams, setSearchParams]) }, [nextChainId, urlChainId, selectChain, searchParams, setSearchParams, isActive])
} }