diff --git a/src/hooks/profile.ts b/src/hooks/profile.ts index fabd01a..1d62d44 100644 --- a/src/hooks/profile.ts +++ b/src/hooks/profile.ts @@ -1,8 +1,8 @@ import { useMemo } from "react"; import { RequestBuilder, - ReplaceableNoteStore, FlatNoteStore, + ParameterizedReplaceableNoteStore, NostrLink, EventKind, parseZap, @@ -24,20 +24,19 @@ export function useProfile(link: NostrLink, leaveOpen = false) { return b; }, [link, leaveOpen]); - const { data: streamsData } = useRequestBuilder( - System, - ReplaceableNoteStore, - sub - ); - - const streams = Array.isArray(streamsData) - ? streamsData - : streamsData - ? [streamsData] - : []; + const { data: streamsData } = + useRequestBuilder( + System, + ParameterizedReplaceableNoteStore, + sub + ); + const streams = streamsData ?? []; const addresses = useMemo(() => { - return streams.map((e) => `${e.kind}:${e.pubkey}:${findTag(e, "d")}`); + if (streamsData) { + return streamsData.map((e) => `${e.kind}:${e.pubkey}:${findTag(e, "d")}`); + } + return []; }, [streamsData]); const zapsSub = useMemo(() => { diff --git a/src/pages/profile-page.css b/src/pages/profile-page.css index 29966a1..c7750bb 100644 --- a/src/pages/profile-page.css +++ b/src/pages/profile-page.css @@ -3,8 +3,11 @@ justify-content: center; } -.profile-page .profile-container { - max-width: 620px; + +@media (min-width: 768px) { + .profile-page .profile-container { + width: 620px; + } } .profile-page .profile-content { diff --git a/src/pages/profile-page.tsx b/src/pages/profile-page.tsx index 6594f63..a629ecb 100644 --- a/src/pages/profile-page.tsx +++ b/src/pages/profile-page.tsx @@ -69,8 +69,7 @@ export function ProfilePage() { function goToLive() { if (liveEvent) { - const d = - liveEvent.tags?.find((t: string[]) => t?.at(0) === "d")?.at(1) || ""; + const d = findTag(liveEvent, "d") || ""; const naddr = encodeTLV( NostrPrefix.Address, d,