granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add scroll handler

Browse source
This commit is contained in:
Justin Edmund 2022-03-01 01:14:25 -08:00
parent 4399948445
commit 44c2c46da8
1 changed files with 5 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
pages/[username].tsx
View file

@ -31,6 +31,11 @@ const ProfileRoute: React.FC = () => {
const [raidId, setRaidId] = useState<string | null>(null) const [raidId, setRaidId] = useState<string | null>(null)
const [recencyInSeconds, setRecencyInSeconds] = useState<number | null>(null) const [recencyInSeconds, setRecencyInSeconds] = useState<number | null>(null)
useEffect(() => {
window.addEventListener("scroll", handleScroll)
return () => window.removeEventListener("scroll", handleScroll);
}, [])
useEffect(() => { useEffect(() => {
if (username) if (username)
fetchProfile(username as string) fetchProfile(username as string)
@ -93,16 +98,6 @@ const ProfileRoute: React.FC = () => {
setRecencyInSeconds(null) setRecencyInSeconds(null)
} }
function render() {
const content = (parties && parties.length > 0) ? renderGrids() : renderNoGrids()
return (
<div>
<ProfileHeader username={user.username} gender={true} />
{content}
</div>
)
}
function handleScroll() { function handleScroll() {
if (window.pageYOffset > 90) if (window.pageYOffset > 90)
setScrolled(true) setScrolled(true)