Support navigating to /about pages

This commit is contained in:
Austin Chen 2022-09-23 16:49:14 -04:00
parent 490734db00
commit 2891a47d8c

View File

@ -145,6 +145,9 @@ export default function GroupPage(props: {
const router = useRouter() const router = useRouter()
const { slugs } = router.query as { slugs: string[] } const { slugs } = router.query as { slugs: string[] }
const page = slugs?.[1] as typeof groupSubpages[number] const page = slugs?.[1] as typeof groupSubpages[number]
const tabIndex = ['markets', 'leaderboard', 'about', 'posts'].indexOf(
page as any
)
const group = useGroup(props.group?.id) ?? props.group const group = useGroup(props.group?.id) ?? props.group
const aboutPost = usePost(props.aboutPost?.id) ?? props.aboutPost const aboutPost = usePost(props.aboutPost?.id) ?? props.aboutPost
@ -277,7 +280,8 @@ export default function GroupPage(props: {
/> />
<TopGroupNavBar group={group} /> <TopGroupNavBar group={group} />
<div className={'relative p-2 pt-0 md:pt-2'}> <div className={'relative p-2 pt-0 md:pt-2'}>
<Tabs className={'mb-2'} tabs={tabs} /> {/* TODO: Switching tabs should also update the group path */}
<Tabs className={'mb-2'} tabs={tabs} defaultIndex={tabIndex} />
</div> </div>
</Page> </Page>
) )