diff --git a/src/components/sidebar-navigation.tsx b/src/components/sidebar-navigation.tsx index 199eef21b..d0868f294 100644 --- a/src/components/sidebar-navigation.tsx +++ b/src/components/sidebar-navigation.tsx @@ -160,6 +160,7 @@ const SidebarNavigation = () => { icon={require('@tabler/icons/outline/settings.svg')} activeIcon={require('@tabler/icons/filled/settings.svg')} text={} + count={features.nip05 && account.acct !== account.source?.nostr?.nip05 ? 1 : 0} /> {account.staff && ( diff --git a/src/features/settings/index.tsx b/src/features/settings/index.tsx index 51fcbcbbc..30a9c2dc8 100644 --- a/src/features/settings/index.tsx +++ b/src/features/settings/index.tsx @@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl'; import { fetchMfa } from 'soapbox/actions/mfa'; import CopyableInput from 'soapbox/components/copyable-input'; import List, { ListItem } from 'soapbox/components/list'; -import { Card, CardBody, CardHeader, CardTitle, Column, FormGroup, Text } from 'soapbox/components/ui'; +import { Card, CardBody, CardHeader, CardTitle, Column, Counter, FormGroup, Text } from 'soapbox/components/ui'; import { useAppDispatch, useAppSelector, useFeatures, useInstance, useOwnAccount } from 'soapbox/hooks'; import Preferences from '../preferences'; @@ -71,7 +71,10 @@ const Settings = () => { {features.nip05 && ( - {account?.source?.nostr?.nip05} + + {account?.source?.nostr?.nip05} + {features.nip05 && } + )} {features.nostr && }