42 lines
908 B
TypeScript
42 lines
908 B
TypeScript
"use client";
|
|
import KindCard from "@/components/KindCard";
|
|
import { cn } from "@/lib/utils";
|
|
import Spinner from "@/components/spinner";
|
|
import { Event } from "nostr-tools";
|
|
import useEvents from "@/lib/hooks/useEvents";
|
|
import { type NDKFilter } from "@nostr-dev-kit/ndk";
|
|
type FeedProps = {
|
|
filter?: NDKFilter;
|
|
className?: string;
|
|
loader?: () => JSX.Element;
|
|
empty?: () => JSX.Element;
|
|
};
|
|
|
|
export default function Feed({
|
|
filter,
|
|
className,
|
|
loader: Loader,
|
|
empty: Empty,
|
|
}: FeedProps) {
|
|
const { events, isLoading } = useEvents({
|
|
filter: { ...filter },
|
|
});
|
|
if (isLoading) {
|
|
if (Loader) {
|
|
return <Loader />;
|
|
}
|
|
return <Spinner />;
|
|
}
|
|
if (Empty && events.length === 0) {
|
|
return <Empty />;
|
|
}
|
|
return (
|
|
<>
|
|
{events.map((e) => {
|
|
const event = e.rawEvent() as Event;
|
|
return <KindCard key={e.id} {...event} />;
|
|
})}
|
|
</>
|
|
);
|
|
}
|