Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(scroll): fix issue with scrolll positino not persisting on reload

Browse Source
This commit is contained in:
Triston Armstrong 2024-10-22 14:30:21 -04:00
parent be10f376f4
commit f505d002f7
Signed by: tristonarmstrong
GPG Key ID: A23B48AE45EB6EFE
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/InfinateCanvas.tsx
View File

@ -10,10 +10,12 @@ import { Logo } from "./Logo"
import { useThemeDetector } from "../utils/useThemeDetector"
import { TextItem } from "./TextItem"
import texts from "../signals/texts"
import { useDebounce } from "../utils/useDebounce"
export default function InfiniteCanvas() {
const containerRef = useRef<HTMLDivElement>(null)
const isDarkTheme = useThemeDetector()
const { debounce } = useDebounce()
useEffect(() => {
const initPos = getInitialPosition(canvasDimentsion)
@ -27,22 +29,24 @@ export default function InfiniteCanvas() {
}
function _updatePosition() {
debounce(() => {
localStorage.setItem("pos", JSON.stringify({
left: window.scrollX,
top: window.scrollY
}))
})
}
_updateDimensions()
window.addEventListener("resize", _updateDimensions)
window.addEventListener("scrollend", _updatePosition)
window.addEventListener("scroll", _updatePosition)
notes.loadLocalStorage()
images.loadLocalStorage()
texts.loadLocalStorage()
return () => {
window.removeEventListener("resize", _updateDimensions)
window.removeEventListener("scrollend", _updatePosition)
window.removeEventListener("scroll", _updatePosition)
}
}, [])