diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index afec0e8b2..5c589e5e9 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -15,6 +15,8 @@ import {sanitizeHandle} from '#/lib/strings/handles' import {colors} from '#/lib/styles' import {isWeb} from '#/platform/detection' import {emitSoftReset} from '#/state/events' +import {useDisableFollowersMetrics} from '#/state/preferences/disable-followers-metrics' +import {useDisableFollowingMetrics} from '#/state/preferences/disable-following-metrics' import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons' import {useKawaiiMode} from '#/state/preferences/kawaii' import {useUnreadNotifications} from '#/state/queries/notifications/unread' @@ -72,6 +74,10 @@ let DrawerProfileCard = ({ const verification = useSimpleVerificationState({profile}) const {isActive: live} = useActorStatus(profile) + // disable metrics + const disableFollowersMetrics = useDisableFollowersMetrics() + const disableFollowingMetrics = useDisableFollowingMetrics() + return ( - - - - {formatCount(i18n, profile?.followersCount ?? 0)} - {' '} - - {' '} - ·{' '} - - - {formatCount(i18n, profile?.followsCount ?? 0)} - {' '} - - - + {disableFollowersMetrics && disableFollowingMetrics ? null : ( + + {!disableFollowersMetrics ? ( + + + {formatCount(i18n, profile?.followersCount ?? 0)} + {' '} + + + ) : null} + {!disableFollowersMetrics && !disableFollowingMetrics ? ( + + {' '} + ·{' '} + + ) : null} + {!disableFollowingMetrics ? ( + + + {formatCount(i18n, profile?.followsCount ?? 0)} + {' '} + + + ) : null} + + )} ) }