diff --git a/src/components/explore/ProfileHeader.tsx b/src/components/explore/ProfileHeader.tsx index ef9047c..c640818 100644 --- a/src/components/explore/ProfileHeader.tsx +++ b/src/components/explore/ProfileHeader.tsx @@ -1,7 +1,7 @@ 'use client'; import { useEffect, useState } from 'react'; -import { ExternalLink, Globe, Heart, MessageSquare, Users } from 'lucide-react'; +import { ExternalLink, Heart, MessageSquare, Users } from 'lucide-react'; import { getProfile, type AppViewProfile } from '@/utils/atproto/appview'; import { getRecord } from '@/utils/atproto/pdsClient'; import type { IdentityBundle } from '@/utils/atproto/identity'; @@ -160,7 +160,39 @@ export default function ProfileHeader({ identity }: Props) { wordBreak: 'break-all', }} > - @{handle} + {websiteHref ? ( + // Handle doubles as the website link when the profile has one. + // Trailing ExternalLink icon signals that the tap leaves the + // current site, since the handle text alone reads as an + // identifier (no underline / no obvious "link" affordance). + + @{handle} + + + ) : ( + <>@{handle} + )} )} @@ -178,7 +210,7 @@ export default function ProfileHeader({ identity }: Props) {

)} - {(websiteHref || hasStats(profile)) && ( + {hasStats(profile) && (
- {websiteHref && ( - - - {websiteLabel} - - - )} {profile.followersCount != null && ( }