39 lines
856 B
TypeScript
39 lines
856 B
TypeScript
|
"use client";
|
||
|
|
import { useEffect } from "react";
|
||
|
|
import Article from "@/containers/Article";
|
||
|
|
import { useNDK } from "@nostr-dev-kit/ndk-react";
|
||
|
|
import { nip19 } from "nostr-tools";
|
||
|
|
import Spinner from "@/components/spinner";
|
||
|
|
import useEvents from "@/lib/hooks/useEvents";
|
||
|
|
export default function ArticlePage({
|
||
|
|
params: { naddr },
|
||
|
|
}: {
|
||
|
|
params: {
|
||
|
|
naddr: string;
|
||
|
|
};
|
||
|
|
}) {
|
||
|
|
const { ndk } = useNDK();
|
||
|
|
const { data, type } = nip19.decode(naddr);
|
||
|
|
const { events } = useEvents({
|
||
|
|
filter:
|
||
|
|
type === "naddr"
|
||
|
|
? {
|
||
|
|
kinds: [data.kind],
|
||
|
|
authors: [data.pubkey],
|
||
|
|
["#d"]: [data.identifier],
|
||
|
|
limit: 1,
|
||
|
|
}
|
||
|
|
: {},
|
||
|
|
});
|
||
|
|
|
||
|
|
if (events?.[0]) {
|
||
|
|
return <Article event={events[0]} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="center pt-20 text-primary">
|
||
|
|
<Spinner />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|