diff --git a/packages/app/src/Element/User/DisplayName.tsx b/packages/app/src/Element/User/DisplayName.tsx index 8615e2e6..204611e3 100644 --- a/packages/app/src/Element/User/DisplayName.tsx +++ b/packages/app/src/Element/User/DisplayName.tsx @@ -1,21 +1,20 @@ import "./DisplayName.css"; - import { useMemo } from "react"; import { HexKey, UserMetadata } from "@snort/system"; import { getDisplayNameOrPlaceHolder } from "@/SnortUtils"; +import { useUserProfile } from "@snort/system-react"; +import classNames from "classnames"; interface DisplayNameProps { pubkey: HexKey; user: UserMetadata | undefined; } -const DisplayName = ({ pubkey, user }: DisplayNameProps) => { - const [name, isPlaceHolder] = useMemo(() => getDisplayNameOrPlaceHolder(user, pubkey), [user, pubkey]); +const DisplayName = ({ pubkey }: DisplayNameProps) => { + const profile = useUserProfile(pubkey); + const [name, isPlaceHolder] = useMemo(() => getDisplayNameOrPlaceHolder(profile, pubkey), [profile, pubkey]); - if (isPlaceHolder) { - return {name}; - } - return name; + return {name}; }; export default DisplayName; diff --git a/packages/app/src/Element/User/UserWebsiteLink.tsx b/packages/app/src/Element/User/UserWebsiteLink.tsx index c9a23567..fadf5739 100644 --- a/packages/app/src/Element/User/UserWebsiteLink.tsx +++ b/packages/app/src/Element/User/UserWebsiteLink.tsx @@ -18,7 +18,7 @@ export function UserWebsiteLink({ user }: { user?: MetadataCache | UserMetadata if (user?.website) { return ( -