diff --git a/frontend/src/routes/sponsor/frontpage/index.tsx b/frontend/src/routes/sponsor/frontpage/index.tsx index 4e987e5968038381306b3f5a7a28e8c4436d2a8b..68850f8cd28b71b97973e7c07fed8670e8a94171 100644 --- a/frontend/src/routes/sponsor/frontpage/index.tsx +++ b/frontend/src/routes/sponsor/frontpage/index.tsx @@ -217,7 +217,9 @@ const InvitedGuests = ({ persons }: GuestProps) => { <StyledAccordionSummary expandIcon={<ArrowUpwardIcon sx={{ fill: 'black' }} />} > - <Typography variant="h2">{t('common:sentInvitations')}</Typography> + <Typography variant="h2"> + {`${t('common:sentInvitations')} (${guests.length})`} + </Typography> </StyledAccordionSummary> <AccordionDetails> <Typography variant="body1"> @@ -248,7 +250,9 @@ const ActiveGuests = ({ persons }: GuestProps) => { <StyledAccordionSummary expandIcon={<ArrowUpwardIcon sx={{ fill: 'black' }} />} > - <Typography variant="h2">{t('common:activeGuests')}</Typography> + <Typography variant="h2"> + {`${t('common:activeGuests')} (${guests.length})`} + </Typography> </StyledAccordionSummary> <AccordionDetails> <Typography variant="body1"> @@ -281,7 +285,7 @@ const WaitingGuests = ({ persons }: GuestProps) => { expandIcon={<ArrowUpwardIcon sx={{ fill: 'black' }} />} > <Typography variant="h2"> - {t('common:waitingGuests')}{' '} + {`${t('common:waitingGuests')} (${guests.length})`}{' '} {guests.length > 0 && ( <NotificationsActiveIcon sx={{ color: 'error.main', fontSize: '1.625rem' }}