neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-13 00:42:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make Hashrouter auto switch inline

Browse source
This commit is contained in:
Saahil dutta 2024-07-26 14:45:33 -04:00
parent 87c4f48258
commit 372f16b010
3 changed files with 13 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/HashRouter/index.tsx
View file

@ -1,12 +1,22 @@
// writing my own hashRouter // writing my own hashRouter
import { useEffect, useState } from "react"
export function HashRouter({ children }: any) { export function HashRouter({ children }: any) {
const [hash, setHash] = useState(window.location.hash)
if(process.env.NODE_ENV !== "production") console.log(children) if(process.env.NODE_ENV !== "production") console.log(children)
if(!Array.isArray(children)) children = [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) => { 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)) 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 == window.location.hash || (window.location.hash.length < 2 && child.props.index) || child.props.path == "*" return child.props.path == hash || (hash.length < 2 && child.props.index) || child.props.path == "*"
}) })
// console.log('child', child) // console.log('child', child)
if(child) return child.props.component; if(child) return child.props.component;

2
src/index.tsx
View file

@ -8,7 +8,6 @@ import Background from './bg/main';
import { injectOneko } from './scripts/oneko'; import { injectOneko } from './scripts/oneko';
import Navbar from './components/navbar'; import Navbar from './components/navbar';
import { runTitle } from './scripts/title'; import { runTitle } from './scripts/title';
import { startEvent } from './scripts/hashevent';
import { listenForEasterEgg } from './scripts/oneko_easteregg'; import { listenForEasterEgg } from './scripts/oneko_easteregg';
import Footer from './components/footer'; import Footer from './components/footer';
import Ackee from './Ackee'; import Ackee from './Ackee';
@ -22,7 +21,6 @@ const root = ReactDOM.createRoot(
document.title = "Saahild.com" document.title = "Saahild.com"
injectOneko(); injectOneko();
runTitle() runTitle()
startEvent()
listenForEasterEgg() listenForEasterEgg()
document.title = 'React App'; document.title = 'React App';
root.render( root.render(

25
src/scripts/hashevent.ts
View file

@ -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)
}