VSinerva/freesewing
1
0
Fork 0
Code Activity

Merge pull request #4585 from eriese/eriese-small-ui-fixes

Browse source 
(shared) UI tweaks plus comma decimal separators
This commit is contained in:
Joost De Cock 2023-07-27 11:46:17 +02:00 • committed by GitHub
commit 1ce504b182
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 347 additions and 156 deletions
Download patch file Download diff file Expand all files Collapse all files

16
sites/shared/components/wrappers/layout.mjs
View file

@ -1,4 +1,4 @@
import { useState, useEffect } from 'react'
import { useState, useEffect, useRef } from 'react'
import Head from 'next/head'
import { Header, ns as headerNs } from 'site/components/header/index.mjs'
import { Footer, ns as footerNs } from 'shared/components/footer/index.mjs'
@ -16,23 +16,25 @@ export const LayoutWrapper = ({
slug,
}) => {
const ChosenHeader = header ? header : Header
const [prevScrollPos, setPrevScrollPos] = useState(0)
const prevScrollPos = useRef(0)
const [showHeader, setShowHeader] = useState(true)
useEffect(() => {
if (typeof window !== 'undefined') {
const handleScroll = () => {
const curScrollPos = typeof window !== 'undefined' ? window.pageYOffset : 0
if (curScrollPos >= prevScrollPos) {
if (showHeader && curScrollPos > 20) setShowHeader(false)
if (curScrollPos >= prevScrollPos.current) {
if (curScrollPos > 20) setShowHeader(false)
} else setShowHeader(true)
setPrevScrollPos(curScrollPos)
prevScrollPos.current = curScrollPos
}
window.addEventListener('scroll', handleScroll)
return () => window.removeEventListener('scroll', handleScroll)
}
}, [prevScrollPos, showHeader])
}, [prevScrollPos, setShowHeader])
return (
<div