WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 10 Pull requests 3 Projects Releases Packages Wiki Activity Actions

fix(web-ui): sync route state with URL hash on mount + hashchange

Browse source 
Added useEffect to parse location.hash and update route state.
Fixes deep links like /#/library not rendering correct screen.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Zac Gaetano 2026-06-01 10:59:35 +00:00
parent 66ff7065ec
commit bda33fedca
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web-ui/public/app.jsx
View file

@ -23,6 +23,18 @@ function App() {
try { localStorage.setItem('df.sidebar.collapsed', next ? '1' : '0'); } catch {}
return next;
});
// Sync route state with URL hash
React.useEffect(() => {
const parseHash = () => {
const hash = window.location.hash.slice(1); // remove #
const route = hash.startsWith('/') ? hash.slice(1) : hash || 'home';
setRoute(route);
};
parseHash();
window.addEventListener('hashchange', parseHash);
return () => window.removeEventListener('hashchange', parseHash);
}, []);
}, []);
React.useEffect(() => {