diff --git a/thoughts-frontend/components/remote-user-profile/index.tsx b/thoughts-frontend/components/remote-user-profile/index.tsx index 2a98a2f..bd8cfc8 100644 --- a/thoughts-frontend/components/remote-user-profile/index.tsx +++ b/thoughts-frontend/components/remote-user-profile/index.tsx @@ -29,8 +29,6 @@ export function RemoteUserProfile({ const [followLoading, setFollowLoading] = useState(false); const { token } = useAuth(); - type ConnectionTab = "posts" | "followers" | "following"; - const [activeTab, setActiveTab] = useState("posts"); const [followersActive, setFollowersActive] = useState(false); const [followingActive, setFollowingActive] = useState(false); @@ -57,7 +55,6 @@ export function RemoteUserProfile({ }; const handleTabChange = (tab: string) => { - setActiveTab(tab as ConnectionTab); if (tab === "followers") setFollowersActive(true); if (tab === "following") setFollowingActive(true); }; diff --git a/thoughts-frontend/components/remote-user-profile/profile-card.tsx b/thoughts-frontend/components/remote-user-profile/profile-card.tsx index 8c83d45..d573211 100644 --- a/thoughts-frontend/components/remote-user-profile/profile-card.tsx +++ b/thoughts-frontend/components/remote-user-profile/profile-card.tsx @@ -12,6 +12,13 @@ interface ProfileCardProps { } export function ProfileCard({ actor, action }: ProfileCardProps) { + let hostname: string | null = null; + try { + if (actor.url) hostname = new URL(actor.url).hostname; + } catch { + hostname = actor.url; + } + return ( <>
@@ -47,7 +54,7 @@ export function ProfileCard({ actor, action }: ProfileCardProps) { className="flex items-center overflow-hidden" > - {new URL(actor.url).hostname} + {hostname}