From e0806cf0e09d97a6494ae5fa18e40c35113941dd Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Fri, 16 Sep 2022 20:36:52 -0700
Subject: [PATCH] Fix links to group /about and /leaderboards

---
 web/pages/group/[...slugs]/index.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/pages/group/[...slugs]/index.tsx b/web/pages/group/[...slugs]/index.tsx
index 1edcc638..73186e92 100644
--- a/web/pages/group/[...slugs]/index.tsx
+++ b/web/pages/group/[...slugs]/index.tsx
@@ -140,7 +140,10 @@ export default function GroupPage(props: {
   const user = useUser()
   const isAdmin = useAdmin()
   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, {
     defaultReferrerUsername: creator.username,
@@ -241,6 +244,12 @@ export default function GroupPage(props: {
   const onSidebarClick = (key: string) => {
     const index = sidebarPages.findIndex((t) => t.key === key)
     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 = (