From 1675ab7d407889750cdab2a77cb4d49b3c73e1cb Mon Sep 17 00:00:00 2001 From: plebeius Date: Fri, 14 Nov 2025 12:59:26 +0100 Subject: [PATCH] feat(board-header): show subscription count in subscriptions view --- src/components/board-header/board-header.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/board-header/board-header.tsx b/src/components/board-header/board-header.tsx index 0ea67ae2..53a202fd 100644 --- a/src/components/board-header/board-header.tsx +++ b/src/components/board-header/board-header.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { useLocation, useParams } from 'react-router-dom'; -import { useAccountComment } from '@plebbit/plebbit-react-hooks'; +import { useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks'; import Plebbit from '@plebbit/plebbit-js'; import useSubplebbitsStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits'; import { isAllView, isSubscriptionsView, isModView } from '../../lib/utils/view-utils'; @@ -42,6 +42,10 @@ const BoardHeader = () => { // Find matching subplebbit from default list to get its title const defaultSubplebbit = subplebbitAddress ? defaultSubplebbits.find((s) => s.address === subplebbitAddress) : null; + const account = useAccount() || {}; + const subscriptions = account?.subscriptions || []; + const subscriptionsSubtitle = subscriptions?.length === 1 ? `${subscriptions?.length} subscription` : `${subscriptions?.length} subscriptions`; + const title = isInAllView ? multisubMetadata?.title || '/all/ - 5chan Directories' : isInSubscriptionsView @@ -49,7 +53,7 @@ const BoardHeader = () => { : isInModView ? _.startCase(t('boards_you_moderate')) : defaultSubplebbit?.title || subplebbit?.title; - const subtitle = isInAllView ? '' : isInSubscriptionsView ? '' : isInModView ? '/mod/' : `${address || subplebbitAddress || ''}`; + const subtitle = isInAllView ? '' : isInSubscriptionsView ? subscriptionsSubtitle : isInModView ? '/mod/' : `${address || subplebbitAddress || ''}`; const { isOffline, isOnlineStatusLoading, offlineIconClass, offlineTitle } = useIsSubplebbitOffline(subplebbit);