style: 🎨
This commit is contained in:
@@ -24,20 +24,27 @@ export default function Nip05({ pubkey, append }: { pubkey: string; append?: str
|
|||||||
if (!profile?.nip05 || !nip05Name || !nip05Domain) return null
|
if (!profile?.nip05 || !nip05Name || !nip05Domain) return null
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex items-center gap-1 truncate" onClick={(e) => e.stopPropagation()}>
|
<div
|
||||||
|
className="flex items-center gap-1 truncate [&_svg]:size-3.5 [&_svg]:shrink-0"
|
||||||
|
onClick={(e) => e.stopPropagation()}
|
||||||
|
>
|
||||||
{nip05Name !== '_' ? (
|
{nip05Name !== '_' ? (
|
||||||
<span className="text-sm text-muted-foreground truncate">@{nip05Name}</span>
|
<span className="text-sm text-muted-foreground truncate">@{nip05Name}</span>
|
||||||
) : null}
|
) : null}
|
||||||
|
{nip05IsVerified ? (
|
||||||
|
<Favicon
|
||||||
|
domain={nip05Domain}
|
||||||
|
className="w-3.5 h-3.5"
|
||||||
|
fallback={<BadgeCheck className="text-primary" />}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<BadgeAlert className="text-muted-foreground" />
|
||||||
|
)}
|
||||||
<SecondaryPageLink
|
<SecondaryPageLink
|
||||||
to={toNoteList({ domain: nip05Domain })}
|
to={toNoteList({ domain: nip05Domain })}
|
||||||
className={`flex items-center gap-1 hover:underline truncate [&_svg]:size-3.5 [&_svg]:shrink-0 ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
|
className={`hover:underline truncate ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
|
||||||
>
|
>
|
||||||
{nip05IsVerified ? (
|
{nip05Domain}
|
||||||
<Favicon domain={nip05Domain} className="w-3.5 h-3.5" fallback={<BadgeCheck />} />
|
|
||||||
) : (
|
|
||||||
<BadgeAlert />
|
|
||||||
)}
|
|
||||||
<span className="text-sm truncate">{nip05Domain}</span>
|
|
||||||
</SecondaryPageLink>
|
</SecondaryPageLink>
|
||||||
{append && <span className="text-sm text-muted-foreground truncate">{append}</span>}
|
{append && <span className="text-sm text-muted-foreground truncate">{append}</span>}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -62,7 +62,7 @@ export default function Note({
|
|||||||
<span className="text-sm text-muted-foreground shrink-0">using {usingClient}</span>
|
<span className="text-sm text-muted-foreground shrink-0">using {usingClient}</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-baseline gap-1 text-sm text-muted-foreground">
|
<div className="flex items-center gap-1 text-sm text-muted-foreground">
|
||||||
<Nip05 pubkey={event.pubkey} append="·" />
|
<Nip05 pubkey={event.pubkey} append="·" />
|
||||||
<FormattedTimestamp
|
<FormattedTimestamp
|
||||||
timestamp={event.created_at}
|
timestamp={event.created_at}
|
||||||
|
|||||||
@@ -52,7 +52,7 @@ export default function ReplyNote({
|
|||||||
<div className="w-full overflow-hidden">
|
<div className="w-full overflow-hidden">
|
||||||
<div className="flex items-start justify-between gap-2">
|
<div className="flex items-start justify-between gap-2">
|
||||||
<div className="flex-1 w-0">
|
<div className="flex-1 w-0">
|
||||||
<div className="flex gap-1 items-baseline">
|
<div className="flex gap-1 items-center">
|
||||||
<Username
|
<Username
|
||||||
userId={event.pubkey}
|
userId={event.pubkey}
|
||||||
className="text-sm font-semibold text-muted-foreground hover:text-foreground truncate"
|
className="text-sm font-semibold text-muted-foreground hover:text-foreground truncate"
|
||||||
@@ -64,7 +64,7 @@ export default function ReplyNote({
|
|||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-baseline gap-1 text-sm text-muted-foreground">
|
<div className="flex items-center gap-1 text-sm text-muted-foreground">
|
||||||
<Nip05 pubkey={event.pubkey} append="·" />
|
<Nip05 pubkey={event.pubkey} append="·" />
|
||||||
<FormattedTimestamp
|
<FormattedTimestamp
|
||||||
timestamp={event.created_at}
|
timestamp={event.created_at}
|
||||||
|
|||||||
Reference in New Issue
Block a user