diff --git a/app/(app)/list/[naddr]/page.tsx b/app/(app)/list/[naddr]/page.tsx index 5817127..43d6259 100644 --- a/app/(app)/list/[naddr]/page.tsx +++ b/app/(app)/list/[naddr]/page.tsx @@ -57,6 +57,11 @@ export default function ListPage({ filter={{ ids: noteIds, }} + empty={() => ( +
+

No notes yet

+
+ )} /> diff --git a/containers/Feed/index.tsx b/containers/Feed/index.tsx index 0a50fbf..cdb8666 100644 --- a/containers/Feed/index.tsx +++ b/containers/Feed/index.tsx @@ -9,9 +9,15 @@ type FeedProps = { filter?: NDKFilter; className?: string; loader?: () => JSX.Element; + empty?: () => JSX.Element; }; -export default function Feed({ filter, className, loader: Loader }: FeedProps) { +export default function Feed({ + filter, + className, + loader: Loader, + empty: Empty, +}: FeedProps) { const { events, isLoading } = useEvents({ filter: { ...filter }, }); @@ -21,6 +27,9 @@ export default function Feed({ filter, className, loader: Loader }: FeedProps) { } return ; } + if (Empty && events.length === 0) { + return ; + } return ( <> {events.map((e) => {