diff --git a/src/components/actor-app.tsx b/src/components/actor-app.tsx index 7ca85f8..9b6988a 100644 --- a/src/components/actor-app.tsx +++ b/src/components/actor-app.tsx @@ -106,7 +106,11 @@ export function ActorApp() { > {profile ? ( - + ) : ( )} diff --git a/src/components/bluesky-profile.tsx b/src/components/bluesky-profile.tsx index ba0d2c0..6f9bc1b 100644 --- a/src/components/bluesky-profile.tsx +++ b/src/components/bluesky-profile.tsx @@ -3,12 +3,14 @@ import { useState } from "react"; import type { BlueskyProfile } from "~/lib/providers/bluesky"; type BlueskyProfileProps = { + did: string; handle: string | null; profile: BlueskyProfile; }; -export function BlueskyProfile({ handle, profile }: BlueskyProfileProps) { +export function BlueskyProfile({ did, handle, profile }: BlueskyProfileProps) { const [avatarUrl, setAvatarUrl] = useState(profile.avatarUrl); + const profileIdentifier = handle ?? did; return ( @@ -63,6 +65,17 @@ export function BlueskyProfile({ handle, profile }: BlueskyProfileProps) {