mirror of
https://github.com/NeonGamerBot-QK/saahild.com.git
synced 2024-11-21 12:33:38 +00:00
Make Hashrouter auto switch inline
This commit is contained in:
parent
87c4f48258
commit
372f16b010
3 changed files with 13 additions and 30 deletions
|
@ -1,12 +1,22 @@
|
|||
// writing my own hashRouter
|
||||
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export function HashRouter({ children }: any) {
|
||||
const [hash, setHash] = useState(window.location.hash)
|
||||
if(process.env.NODE_ENV !== "production") console.log(children)
|
||||
if(!Array.isArray(children)) children = [children]
|
||||
debugger;
|
||||
useEffect(() => {
|
||||
const ev = () => {
|
||||
setHash(window.location.hash)
|
||||
}
|
||||
window.addEventListener('hashchange', ev)
|
||||
return () => window.removeEventListener('hashchange', ev)
|
||||
})
|
||||
// debugger;
|
||||
const child = children.find((child:any) => {
|
||||
if(process.env.NODE_ENV !== "production") console.log('script', child.props, window.location.hash, child.props.route == window.location.hash, (window.location.hash.length < 2 && child.props.index))
|
||||
return child.props.path == window.location.hash || (window.location.hash.length < 2 && child.props.index) || child.props.path == "*"
|
||||
if(process.env.NODE_ENV !== "production") console.log('script', child.props, window.location.hash, child.props.route == hash, (hash.length < 2 && child.props.index))
|
||||
return child.props.path == hash || (hash.length < 2 && child.props.index) || child.props.path == "*"
|
||||
})
|
||||
// console.log('child', child)
|
||||
if(child) return child.props.component;
|
||||
|
|
|
@ -8,7 +8,6 @@ import Background from './bg/main';
|
|||
import { injectOneko } from './scripts/oneko';
|
||||
import Navbar from './components/navbar';
|
||||
import { runTitle } from './scripts/title';
|
||||
import { startEvent } from './scripts/hashevent';
|
||||
import { listenForEasterEgg } from './scripts/oneko_easteregg';
|
||||
import Footer from './components/footer';
|
||||
import Ackee from './Ackee';
|
||||
|
@ -22,7 +21,6 @@ const root = ReactDOM.createRoot(
|
|||
document.title = "Saahild.com"
|
||||
injectOneko();
|
||||
runTitle()
|
||||
startEvent()
|
||||
listenForEasterEgg()
|
||||
document.title = 'React App';
|
||||
root.render(
|
||||
|
|
|
@ -1,25 +0,0 @@
|
|||
let interId:any = null
|
||||
function hashEvent() {
|
||||
window.location.reload() // ;-;
|
||||
}
|
||||
export function startEvent() {
|
||||
if ("onhashchange" in window) {
|
||||
window.addEventListener('hashchange', hashEvent)
|
||||
}
|
||||
else {
|
||||
//@ts-ignore
|
||||
var prevHash = window.location.hash;
|
||||
//@ts-ignore
|
||||
interId = window.setInterval(function () {
|
||||
if (window.location.hash != prevHash) {
|
||||
hashEvent()
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export function stopEvent() {
|
||||
if(interId) clearInterval(interId)
|
||||
window.removeEventListener('hashchange', hashEvent)
|
||||
}
|
Loading…
Reference in a new issue