open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Figure out a better hack to fake the url on home page. (And fix bug navigating back to home.)

Browse Source
This commit is contained in:
James Grugett 2022-06-15 21:00:29 -05:00
parent 6a73dc042c
commit b1597c0f24
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/pages/home.tsx
View File

@ -75,7 +75,7 @@ const useContractPage = () => {
const [contract, setContract] = useState<Contract | undefined>()
useEffect(() => {
const onBack = () => {
const updateContract = () => {
const path = location.pathname.split('/').slice(1)
if (path[0] === 'home') setContract(undefined)
else {
@ -87,23 +87,24 @@ const useContractPage = () => {
}
}
}
window.addEventListener('popstate', onBack)
// Hack. Listen to changes in href to clear contract on navigate home.
let href = document.location.href
const observer = new MutationObserver(function (_mutations) {
if (href != document.location.href) {
href = document.location.href
const { pushState, replaceState } = window.history
const path = location.pathname.split('/').slice(1)
if (path[0] === 'home') setContract(undefined)
window.history.pushState = function () {
// eslint-disable-next-line prefer-rest-params
pushState.apply(history, arguments as any)
updateContract()
}
window.history.replaceState = function () {
// eslint-disable-next-line prefer-rest-params
replaceState.apply(history, arguments as any)
updateContract()
}
})
observer.observe(document, { subtree: true, childList: true })
return () => {
window.removeEventListener('popstate', onBack)
observer.disconnect()
window.history.pushState = pushState
window.history.replaceState = replaceState
}
}, [])