EditIdentity: add exclamation emoji for unverified name

src/features/edit-identity/index.tsx

@@ -3,7 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import { patchMe } from 'soapbox/actions/me';
 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 toast from 'soapbox/toast';
 
@@ -13,6 +13,7 @@ interface IEditIdentity {
 const messages = defineMessages({
   title: { id: 'settings.edit_identity', defaultMessage: 'Identity' },
   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!' },
   error: { id: 'edit_profile.error', defaultMessage: 'Profile update failed' },
 });
@@ -32,6 +33,7 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
   if (!account) return null;
 
   const updateNip05 = async (nip05: string): Promise<void> => {
+    if (account.source?.nostr?.nip05 === nip05) return;
     try {
       await dispatch(patchMe({ nip05 }));
       toast.success(intl.formatMessage(messages.success));
@@ -46,7 +48,18 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
         {identifiers.map((identifier) => (
           <ListItem
             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}
             onSelect={() => updateNip05(identifier)}
           />