scott/crabfit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Temporal polyfill to implement availability viewer structure

Browse source
This commit is contained in:
Ben Grant 2023-05-28 12:51:33 +10:00
parent 877c4b3479
commit 756b71433c
24 changed files with 768 additions and 551 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/Stats/Stats.tsx
View file

@ -14,20 +14,20 @@ const Stats = async () => {
const stats = await getStats()
const { t } = await useTranslation('home')
return <div className={styles.wrapper}>
return stats ? <div className={styles.wrapper}>
<div>
<span className={styles.number}>
{new Intl.NumberFormat().format(stats?.event_count || 17000)}{!stats?.event_count && '+'}
{new Intl.NumberFormat().format(stats.event_count)}
</span>
<span className={styles.label}>{t('about.events')}</span>
</div>
<div>
<span className={styles.number}>
{new Intl.NumberFormat().format(stats?.person_count || 65000)}{!stats?.person_count && '+'}
{new Intl.NumberFormat().format(stats.person_count)}
</span>
<span className={styles.label}>{t('about.availabilities')}</span>
</div>
</div>
</div> : null
}
export default Stats