moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

EditIdentity: add exclamation emoji for unverified name

This commit is contained in:
Alex Gleason 2024-03-25 13:10:48 -05:00
parent 51978c83f0
commit 4370a772a6
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/features/edit-identity/index.tsx
View File

@ -3,7 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { patchMe } from 'soapbox/actions/me'; import { patchMe } from 'soapbox/actions/me';
import List, { ListItem } from 'soapbox/components/list'; import List, { ListItem } from 'soapbox/components/list';
import { Button, Column, HStack, Icon, Input } from 'soapbox/components/ui'; import { Button, Column, Emoji, HStack, Icon, Input, Tooltip } from 'soapbox/components/ui';
import { useAppDispatch, useInstance, useOwnAccount } from 'soapbox/hooks'; import { useAppDispatch, useInstance, useOwnAccount } from 'soapbox/hooks';
import toast from 'soapbox/toast'; import toast from 'soapbox/toast';
@ -13,6 +13,7 @@ interface IEditIdentity {
const messages = defineMessages({ const messages = defineMessages({
title: { id: 'settings.edit_identity', defaultMessage: 'Identity' }, title: { id: 'settings.edit_identity', defaultMessage: 'Identity' },
username: { id: 'edit_profile.fields.nip05_label', defaultMessage: 'Username' }, username: { id: 'edit_profile.fields.nip05_label', defaultMessage: 'Username' },
unverified: { id: 'edit_profile.fields.nip05_unverified', defaultMessage: 'Name could not be verified and won\'t be used.' },
success: { id: 'edit_profile.success', defaultMessage: 'Your profile has been successfully saved!' }, success: { id: 'edit_profile.success', defaultMessage: 'Your profile has been successfully saved!' },
error: { id: 'edit_profile.error', defaultMessage: 'Profile update failed' }, error: { id: 'edit_profile.error', defaultMessage: 'Profile update failed' },
}); });
@ -32,6 +33,7 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
if (!account) return null; if (!account) return null;
const updateNip05 = async (nip05: string): Promise<void> => { const updateNip05 = async (nip05: string): Promise<void> => {
if (account.source?.nostr?.nip05 === nip05) return;
try { try {
await dispatch(patchMe({ nip05 })); await dispatch(patchMe({ nip05 }));
toast.success(intl.formatMessage(messages.success)); toast.success(intl.formatMessage(messages.success));
@ -46,7 +48,18 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
{identifiers.map((identifier) => ( {identifiers.map((identifier) => (
<ListItem <ListItem
key={identifier} key={identifier}
label={identifier} label={
<HStack alignItems='center' space={2}>
<span>{identifier}</span>
{(account.source?.nostr?.nip05 === identifier && account.acct !== identifier) && (
<Tooltip text={intl.formatMessage(messages.unverified)}>
<div>
<Emoji className='h-4 w-4' emoji='⚠️' />
</div>
</Tooltip>
)}
</HStack>
}
isSelected={account.source?.nostr?.nip05 === identifier} isSelected={account.source?.nostr?.nip05 === identifier}
onSelect={() => updateNip05(identifier)} onSelect={() => updateNip05(identifier)}
/> />