chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove location hash when user scrolls page

Browse Source
This commit is contained in:
Chuck Dries 2022-07-10 17:56:28 -07:00
parent f038f5e9ef
commit f021378813
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/photogallery/[...].js
View File

@ -16,8 +16,21 @@ const SORT_KEYS = {
date: [], date: [],
}; };
function removeHash() {
const url = new URL(
typeof window !== "undefined"
? window.location.href.toString()
: "https://chuckdries.com/photogallery/"
);
url.hash = "";
window.history.replaceState(null, "", url.href.toString());
window.removeEventListener('wheel', removeHash);
}
const GalleryPage = ({ data }) => { const GalleryPage = ({ data }) => {
const hash = typeof window !== "undefined" ? window.location.hash.replace("#", "") : ""; const hash =
typeof window !== "undefined" ? window.location.hash.replace("#", "") : "";
const [filterKeyword, _setKeyword] = React.useState(null); const [filterKeyword, _setKeyword] = React.useState(null);
const [sortKey, _setSortKey] = React.useState("rating"); const [sortKey, _setSortKey] = React.useState("rating");
@ -74,6 +87,7 @@ const GalleryPage = ({ data }) => {
el.scrollIntoView({ el.scrollIntoView({
block: "center", block: "center",
}); });
window.addEventListener("wheel", removeHash);
}, [hash]); }, [hash]);
React.useEffect(() => { React.useEffect(() => {