From 3123021d9445d9e2e6545773fed74125b71de723 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Fri, 24 Jun 2022 18:41:02 -0500
Subject: [PATCH] Rename "Details" to "About"

---
 web/lib/firebase/groups.ts           |  2 +-
 web/pages/group/[...slugs]/index.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/lib/firebase/groups.ts b/web/lib/firebase/groups.ts
index 40471eb4..1438dd4c 100644
--- a/web/lib/firebase/groups.ts
+++ b/web/lib/firebase/groups.ts
@@ -17,7 +17,7 @@ const groupCollection = collection(db, 'groups')
 
 export function groupPath(
   groupSlug: string,
-  subpath?: 'edit' | 'questions' | 'details' | 'chat'
+  subpath?: 'edit' | 'questions' | 'about' | 'chat'
 ) {
   return `/group/${groupSlug}${subpath ? `/${subpath}` : ''}`
 }
diff --git a/web/pages/group/[...slugs]/index.tsx b/web/pages/group/[...slugs]/index.tsx
index 593700f7..b2b758a1 100644
--- a/web/pages/group/[...slugs]/index.tsx
+++ b/web/pages/group/[...slugs]/index.tsx
@@ -94,7 +94,7 @@ async function toTopUsers(userScores: { [userId: string]: number }) {
 export async function getStaticPaths() {
   return { paths: [], fallback: 'blocking' }
 }
-const groupSubpages = [undefined, 'chat', 'questions', 'details'] as const
+const groupSubpages = [undefined, 'chat', 'questions', 'about'] as const
 
 export default function GroupPage(props: {
   group: Group | null
@@ -177,7 +177,7 @@ export default function GroupPage(props: {
     </Col>
   )
 
-  const detailsTab = (
+  const aboutTab = (
     <Col>
       <GroupOverview
         group={group}
@@ -225,7 +225,7 @@ export default function GroupPage(props: {
       </Col>
 
       <Tabs
-        defaultIndex={page === 'details' ? 2 : page === 'questions' ? 1 : 0}
+        defaultIndex={page === 'about' ? 2 : page === 'questions' ? 1 : 0}
         tabs={[
           {
             title: 'Chat',
@@ -269,9 +269,9 @@ export default function GroupPage(props: {
             href: groupPath(group.slug, 'questions'),
           },
           {
-            title: 'Details',
-            content: detailsTab,
-            href: groupPath(group.slug, 'details'),
+            title: 'About',
+            content: aboutTab,
+            href: groupPath(group.slug, 'about'),
           },
         ]}
       />