feat: add auto redirect for single organizations

src/pages/organizations.tsx

@@ -3,11 +3,13 @@ import { ActionList, Avatar, Box, Octicon } from '@primer/react'
 import { personalOctokit } from 'bot/octokit'
 import { getAuthServerSideProps } from 'components/auth-guard'
 import { useSession } from 'next-auth/react'
+import { useRouter } from 'next/router'
 import { FC, useEffect, useState } from 'react'
 
 interface OrganizationsProps {}
 
 const Organizations: FC<OrganizationsProps> = () => {
+  const router = useRouter()
   const { data: session } = useSession()
   const [organizations, setOrganizations] = useState<
     Awaited<ReturnType<typeof getAllOrganizations>>
@@ -28,9 +30,14 @@ const Organizations: FC<OrganizationsProps> = () => {
     }
 
     getAllOrganizations(accessToken).then((orgs) => {
+      // When only one organization, redirect to that organization
+      if (orgs.length === 1) {
+        router.push(`/orgs/${orgs[0].login}`)
+      }
+
       setOrganizations(orgs)
     })
-  }, [session])
+  }, [session, router])
 
   return (
     <Box

src/pages/orgs/[organizationId]/index.tsx

@@ -170,7 +170,23 @@ const SingleOrganization = (
           </Flash>
         )}
       </Box>
-      <h3>{orgData.login}</h3>
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center',
+        }}
+      >
+        <Avatar src={orgData.avatar_url} size={24} />
+        <Box
+          as="h3"
+          sx={{
+            ml: 2,
+          }}
+        >
+          {orgData.login}
+        </Box>
+      </Box>
       <Box>
         {forks && (
           <ActionList showDividers>