diff --git a/src/components/subplebbit-stats/subplebbit-stats.tsx b/src/components/subplebbit-stats/subplebbit-stats.tsx index 4b527b46..cba3f1f3 100644 --- a/src/components/subplebbit-stats/subplebbit-stats.tsx +++ b/src/components/subplebbit-stats/subplebbit-stats.tsx @@ -1,9 +1,9 @@ -import { useState } from 'react'; import { useLocation, useParams } from 'react-router-dom'; -import { useAccountComment, useComment, useSubplebbit, useSubplebbitStats } from '@plebbit/plebbit-react-hooks'; -import styles from './subplebbit-stats.module.css'; import { Trans, useTranslation } from 'react-i18next'; +import { useAccountComment, useComment, useSubplebbit, useSubplebbitStats } from '@plebbit/plebbit-react-hooks'; +import useSubplebbitStatsVisibilityStore from '../../stores/use-subplebbit-stats-visibility-store'; import { isDescriptionView, isRulesView } from '../../lib/utils/view-utils'; +import styles from './subplebbit-stats.module.css'; const SubplebbitStats = () => { const { t } = useTranslation(); @@ -16,7 +16,8 @@ const SubplebbitStats = () => { const { address, createdAt } = subplebbit || {}; const stats = useSubplebbitStats({ subplebbitAddress: address }); - const [showStats, setShowStats] = useState(true); + const { hiddenStats, toggleVisibility } = useSubplebbitStatsVisibilityStore(); + const isHidden = hiddenStats[address]; const location = useLocation(); const isInDescriptionView = isDescriptionView(location.pathname, params); @@ -44,7 +45,7 @@ const SubplebbitStats = () => { - {showStats && ( + {!isHidden && (