Fix links to group /about and /leaderboards

This commit is contained in:
Austin Chen 2022-09-16 20:36:52 -07:00
parent 94c448ee8b
commit e0806cf0e0

View File

@ -140,7 +140,10 @@ export default function GroupPage(props: {
const user = useUser() const user = useUser()
const isAdmin = useAdmin() const isAdmin = useAdmin()
const memberIds = useMemberIds(group?.id ?? null) ?? props.memberIds const memberIds = useMemberIds(group?.id ?? null) ?? props.memberIds
const [sidebarIndex, setSidebarIndex] = useState(0) // Note: Keep in sync with sidebarPages
const [sidebarIndex, setSidebarIndex] = useState(
['markets', 'leaderboards', 'about'].indexOf(page ?? 'markets')
)
useSaveReferral(user, { useSaveReferral(user, {
defaultReferrerUsername: creator.username, defaultReferrerUsername: creator.username,
@ -241,6 +244,12 @@ export default function GroupPage(props: {
const onSidebarClick = (key: string) => { const onSidebarClick = (key: string) => {
const index = sidebarPages.findIndex((t) => t.key === key) const index = sidebarPages.findIndex((t) => t.key === key)
setSidebarIndex(index) setSidebarIndex(index)
// Append the page to the URL, e.g. /group/mexifold/markets
router.replace(
{ query: { ...router.query, slugs: [group.slug, key] } },
undefined,
{ shallow: true }
)
} }
const joinOrAddQuestionsButton = ( const joinOrAddQuestionsButton = (