Skip to content

Simplify the bilingual team member info update process #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Sep 13, 2021
Merged

Simplify the bilingual team member info update process #32

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
c59564a
[ADD] transformer-json plugin to query and parse json files via graphql
Sep 13, 2021
36b85bb
[UPD] reorganize and centralize team member info, 1/json, both languages
Sep 13, 2021
3450be3
[UPD] extract locale from pageContext, handle langauges using props
Sep 13, 2021
187b521
[UPD] GraphQL Queries for json passed info to corresponding components
Sep 13, 2021
331cc5b
[UPD] improve ref update by checking for scrollY instead of fix time
Sep 13, 2021
d6ed1f0
[REM] Clean up unused folder / file, updated site meta data
Sep 13, 2021
ae77d39
[UPD] Handle when image file is not present
Sep 13, 2021
7df9512
[UPD] Team Member Query
Sep 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
[UPD] improve ref update by checking for scrollY instead of fix time
  • Loading branch information
Carms Ng committed Sep 13, 2021
commit 331cc5b2f28bbf1c337524452db2845a693fd64b
10 changes: 7 additions & 3 deletions src/components/stacked-avatar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,9 +33,13 @@ export default function StackedAvatar({ sectionRefs, setTeamIndex, pausedRef })
const top = sectionRefs.current[2].offsetTop
// Navigate to the Team Section
window.scrollTo({ top, behavior: 'smooth' })
setTimeout(() => {
pausedRef.current = false
}, 1000);
// Un-pause observer effects when completed
const checkIfScrollCompleted = setInterval(() => {
if (window.scrollY === top) {
pausedRef.current = false;
clearInterval(checkIfScrollCompleted);
}
}, 25);
}

const members = content.nodes.map(member => member.en)
Expand Down