administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 14:47:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix mobile back navigation losing overlay state on classification page

Browse Source
This commit is contained in:
Josh Hawkins 2026-03-24 12:40:10 -05:00
parent 0a7c973518
commit 96c40da850
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/hooks/use-history-back.ts
View File

@ -34,7 +34,12 @@ export function useHistoryBack({
// Store the current URL (pathname + search, without hash) before pushing history state
urlWhenOpenedRef.current =
window.location.pathname + window.location.search;
window.history.pushState({ overlayOpen: true }, "");
// Preserve existing history state (including React Router state) so that
// navigating back to this entry doesn't lose location.state values
window.history.pushState(
{ ...window.history.state, overlayOpen: true },
"",
);
historyPushedRef.current = true;
}
@ -71,4 +76,15 @@ export function useHistoryBack({
urlWhenOpenedRef.current = null;
}
}, [enabled, open]);
// Clean up stale history entry if the component unmounts while the overlay
// is still open (e.g. parent component removed from the tree)
React.useEffect(() => {
return () => {
if (historyPushedRef.current) {
historyPushedRef.current = false;
window.history.back();
}
};
}, []);
}