diff --git a/src/components/pages/About.tsx b/src/components/pages/About.tsx index 9d1f70e..496783e 100644 --- a/src/components/pages/About.tsx +++ b/src/components/pages/About.tsx @@ -1,4 +1,9 @@ -import { links, members } from '../../utils/constants' +import { + MemberRole, + MemberRoleKeys, + links, + members +} from '../../utils/constants' import { StyleSheet, theme } from '../../utils/style' import telegramLogo from '../../static/telegram_logo.svg' import Wrapper from '../Util/Wrapper' @@ -25,6 +30,11 @@ const styles = StyleSheet.create({ alignItems: 'flex-start', height: '100%', gap: 10, + textAlign: 'left', + flex: 1 + }, + fullWidth: { + width: '100%', textAlign: 'left' }, link: { @@ -64,13 +74,23 @@ export default function About() {

- + +
- - + +
+
+ +
) } @@ -83,49 +103,25 @@ function TgLogo() { ) } -function ProjectTeam() { - const { t } = useTranslation() - const team = members - .filter((m) => !m.ah) - .sort((a, b) => (a.name.toUpperCase() > b.name.toUpperCase() ? 1 : -1)) - - return ( -
- {t('about.projectTeam')} - -
- ) +interface MembersByRoleProps { + role: MemberRoleKeys + titleKey: string } -function AdHoc() { - const ah = members - .filter((m) => !!m.ah) +function MembersByRole({ role, titleKey }: MembersByRoleProps) { + const { t } = useTranslation() + const filteredByRole = members + .filter((m) => m.roles.includes(role)) .sort((a, b) => (a.name.toUpperCase() > b.name.toUpperCase() ? 1 : -1)) return (
- Ad hoc + {t(titleKey)}