import { Box, Container, Flex, Grid, Text } from 'theme-ui'
import Meta from '@hackclub/meta'
import Head from 'next/head'
import Nav from '../components/nav'
import Footer from '../components/footer'
import Bio from '../components/bio'
import ForceTheme from '../components/force-theme'
import { fetchTeam } from './api/team'
const CommunityTeamBox = ({ title, children }) => {
return (
{title}
{children}
)
}
export default function Team({ team }) {
return (
<>
{/* @ts-expect-error -- TODO: fix this */}
By the students,
for the students.
We believe in a world where every young person is empowered to be
the change they want to see around them. At Hack Club, we’re
working hard to make it reality.
Board & Advisors
Board Member>}
subrole="Co-Founder, GitHub"
pronouns="he/him"
href="https://github.com/mojombo"
/>
Board Member>}
subrole="CEO, Sourcegraph"
pronouns="he/him"
href="https://github.com/sqs"
/>
Board Advisor>}
href="https://en.wikipedia.org/wiki/John_Abele"
subrole="Founder, Boston Scientific"
pronouns="he/him"
/>
Hacker Resources Team
{team.current
?.filter(member => member.department === 'HQ')
.map(member => (
))}
HCB Team
{team.current
?.filter(member => member.department === 'HCB')
.map(member => (
))}
Community Team
{team.current
?.filter(member => member.department === 'Moderation')
.map(member => (
))}
{team.current
?.filter(member => member.department === 'Welcoming')
.map(member => (
))}
{team.current
?.filter(member => member.department === 'Events')
.map(member => (
))}
{team.current
?.filter(member => member.department === 'Newspaper')
.map(member => (
))}
Acknowledgements
Thank you to everyone who helped shape Hack Club into what it is
today...
{team.acknowledged?.map(member => (
))}
>
)
}
export const getServerSideProps = async () => {
try {
const team = await fetchTeam()
return { props: { team } }
} catch (e) {
return { props: { team: {} } }
}
}