+
{user.display_name || user.displayName || user.name || 'No name'}
-
- {user.nip05 || user.username || shortenKey(pubkey)}
-
+ {user.nip05 ? (
+
+ ) : (
+
+ {displayNpub(pubkey, 16)}
+
+ )}
{user.about || user.bio ? (
diff --git a/src/shared/accounts/active.tsx b/src/shared/accounts/active.tsx
index 74cf4e89..4414d973 100644
--- a/src/shared/accounts/active.tsx
+++ b/src/shared/accounts/active.tsx
@@ -67,7 +67,7 @@ export function ActiveAccount() {
/>
- {user?.name || user?.display_name || user?.nip05}
+ {user?.name || user?.display_name}
{displayNpub(db.account.pubkey, 16)}
diff --git a/src/shared/composer/user.tsx b/src/shared/composer/user.tsx
index 2dccbfed..772a8714 100644
--- a/src/shared/composer/user.tsx
+++ b/src/shared/composer/user.tsx
@@ -1,6 +1,7 @@
import { Image } from '@shared/image';
import { useProfile } from '@utils/hooks/useProfile';
+import { displayNpub } from '@utils/shortenKey';
export function ComposerUser({ pubkey }: { pubkey: string }) {
const { user } = useProfile(pubkey);
@@ -13,9 +14,7 @@ export function ComposerUser({ pubkey }: { pubkey: string }) {
className="h-10 w-10 shrink-0 rounded-lg"
/>
- {user?.nip05 || user?.name || (
-
- )}
+ {user?.name || user?.display_name || displayNpub(pubkey, 16)}
);
diff --git a/src/shared/icons/index.ts b/src/shared/icons/index.ts
index b295e50b..38ae9cb3 100644
--- a/src/shared/icons/index.ts
+++ b/src/shared/icons/index.ts
@@ -56,3 +56,4 @@ export * from './expand';
export * from './focus';
export * from './chevronUp';
export * from './secure';
+export * from './verified';
diff --git a/src/shared/icons/verified.tsx b/src/shared/icons/verified.tsx
new file mode 100644
index 00000000..6e33fd9c
--- /dev/null
+++ b/src/shared/icons/verified.tsx
@@ -0,0 +1,21 @@
+import { SVGProps } from 'react';
+
+export function VerifiedIcon(props: JSX.IntrinsicAttributes & SVGProps
) {
+ return (
+
+ );
+}
diff --git a/src/shared/nip05.tsx b/src/shared/nip05.tsx
new file mode 100644
index 00000000..1753badf
--- /dev/null
+++ b/src/shared/nip05.tsx
@@ -0,0 +1,73 @@
+import { useQuery } from '@tanstack/react-query';
+import { twMerge } from 'tailwind-merge';
+
+import { UnverifiedIcon, VerifiedIcon } from '@shared/icons';
+
+interface NIP05 {
+ names: {
+ [key: string]: string;
+ };
+}
+
+export function NIP05({
+ pubkey,
+ nip05,
+ className,
+}: {
+ pubkey: string;
+ nip05: string;
+ className?: string;
+}) {
+ const { status, data } = useQuery(
+ [nip05],
+ async () => {
+ try {
+ const username = nip05.split('@')[0];
+ const service = nip05.split('@')[1];
+ // #TODO: use tauri native fetch to avoid CORS
+ const verifyURL = `https://${service}/.well-known/nostr.json?name=${username}`;
+
+ const res = await fetch(verifyURL, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json; charset=utf-8',
+ },
+ });
+
+ if (!res.ok) throw new Error(`Failed to fetch NIP-05 service: ${nip05}`);
+
+ const data: NIP05 = await res.json();
+
+ if (data.names) {
+ if (data.names.username !== pubkey) return false;
+ return true;
+ }
+ } catch (e) {
+ throw new Error(`Failed to verify NIP-05, error: ${e}`);
+ }
+ },
+ {
+ refetchOnMount: false,
+ refetchOnReconnect: false,
+ refetchOnWindowFocus: false,
+ staleTime: Infinity,
+ }
+ );
+
+ if (status === 'loading') {
+ ;
+ }
+
+ return (
+
+
{nip05}
+
+ {data === true ? (
+
+ ) : (
+
+ )}
+
+
Reply as
- {user?.nip05 || user?.name || displayNpub(pubkey, 16)}
+ {user?.name || displayNpub(pubkey, 16)}
diff --git a/src/shared/notes/users/repost.tsx b/src/shared/notes/users/repost.tsx
index df158ed2..bad40363 100644
--- a/src/shared/notes/users/repost.tsx
+++ b/src/shared/notes/users/repost.tsx
@@ -19,7 +19,7 @@ export function RepostUser({ pubkey }: { pubkey: string }) {
/>
- {user?.nip05 || user?.name || user?.display_name || shortenKey(pubkey)}
+ {user?.name || user?.display_name || shortenKey(pubkey)}
reposted
diff --git a/src/shared/user.tsx b/src/shared/user.tsx
index f365e3d7..a07f54b0 100644
--- a/src/shared/user.tsx
+++ b/src/shared/user.tsx
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
import { twMerge } from 'tailwind-merge';
import { Image } from '@shared/image';
+import { NIP05 } from '@shared/nip05';
import { formatCreatedAt } from '@utils/createdAt';
import { useProfile } from '@utils/hooks/useProfile';
@@ -79,7 +80,7 @@ export function User({
size === 'small' ? 'max-w-[10rem]' : 'max-w-[15rem]'
)}
>
- {user?.nip05 || user?.name || user?.display_name || displayNpub(pubkey, 16)}
+ {user?.display_name || user?.name || displayNpub(pubkey, 16)}
ยท
{createdAt}
@@ -87,7 +88,7 @@ export function User({