External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(board stats): while stats load, show ? as values instead of showing nothing (causing displacement)

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-12-20 23:17:06 +01:00
parent 73f9d9eb53
commit c40c9e4df5
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/subplebbit-stats/subplebbit-stats.tsx
+7 -7
View File
@@ -15,7 +15,7 @@ const SubplebbitStats = () => {
const subplebbit = useSubplebbit({ subplebbitAddress }); const subplebbit = useSubplebbit({ subplebbitAddress });
const { address, createdAt } = subplebbit || {}; const { address, createdAt } = subplebbit || {};
const stats = useSubplebbitStats({ subplebbitAddress: address }); let stats = useSubplebbitStats({ subplebbitAddress: address });
const { hiddenStats, toggleVisibility } = useSubplebbitStatsVisibilityStore(); const { hiddenStats, toggleVisibility } = useSubplebbitStatsVisibilityStore();
const isHidden = hiddenStats[address]; const isHidden = hiddenStats[address];
@@ -25,7 +25,7 @@ const SubplebbitStats = () => {
const comment = useComment({ commentCid: params?.commentCid }); const comment = useComment({ commentCid: params?.commentCid });
const { deleted, locked, removed } = comment || {}; const { deleted, locked, removed } = comment || {};
const hideStats = !stats.allPostCount || deleted || locked || removed || isInDescriptionView || isInRulesView; const hideStats = deleted || locked || removed || isInDescriptionView || isInRulesView;
const unixToMMDDYYYY = (timestamp: number) => { const unixToMMDDYYYY = (timestamp: number) => {
const date = new Date(timestamp * 1000); const date = new Date(timestamp * 1000);
@@ -51,13 +51,13 @@ const SubplebbitStats = () => {
<td> <td>
<Trans <Trans
i18nKey='board_stats_hour' i18nKey='board_stats_hour'
values={{ userCount: stats.hourActiveUserCount, postCount: stats.hourPostCount }} values={{ userCount: stats.hourActiveUserCount ?? '?', postCount: stats.hourPostCount ?? '?' }}
components={{ 1: <span className={styles.statValue} /> }} components={{ 1: <span className={styles.statValue} /> }}
/> />
{' / '} {' / '}
<Trans <Trans
i18nKey='board_stats_day' i18nKey='board_stats_day'
values={{ userCount: stats.dayActiveUserCount, postCount: stats.dayPostCount }} values={{ userCount: stats.dayActiveUserCount ?? '?', postCount: stats.dayPostCount ?? '?' }}
components={{ 1: <span className={styles.statValue} /> }} components={{ 1: <span className={styles.statValue} /> }}
/> />
</td> </td>
@@ -66,13 +66,13 @@ const SubplebbitStats = () => {
<td> <td>
<Trans <Trans
i18nKey='board_stats_week' i18nKey='board_stats_week'
values={{ userCount: stats.weekActiveUserCount, postCount: stats.weekPostCount }} values={{ userCount: stats.weekActiveUserCount ?? '?', postCount: stats.weekPostCount ?? '?' }}
components={{ 1: <span className={styles.statValue} /> }} components={{ 1: <span className={styles.statValue} /> }}
/> />
{' / '} {' / '}
<Trans <Trans
i18nKey='board_stats_month' i18nKey='board_stats_month'
values={{ userCount: stats.monthActiveUserCount, postCount: stats.monthPostCount }} values={{ userCount: stats.monthActiveUserCount ?? '?', postCount: stats.monthPostCount ?? '?' }}
components={{ 1: <span className={styles.statValue} /> }} components={{ 1: <span className={styles.statValue} /> }}
/> />
</td> </td>
@@ -83,7 +83,7 @@ const SubplebbitStats = () => {
{' / '} {' / '}
<Trans <Trans
i18nKey='board_stats_all' i18nKey='board_stats_all'
values={{ userCount: stats.allActiveUserCount, postCount: stats.allPostCount }} values={{ userCount: stats.allActiveUserCount ?? '?', postCount: stats.allPostCount ?? '?' }}
components={{ 1: <span className={styles.statValue} /> }} components={{ 1: <span className={styles.statValue} /> }}
/> />
</td> </td>