added empty state for feed

app/(app)/list/[naddr]/page.tsx

@@ -57,6 +57,11 @@ export default function ListPage({
             filter={{
               ids: noteIds,
             }}
+            empty={() => (
+              <div className="text-center text-muted-foreground">
+                <p>No notes yet</p>
+              </div>
+            )}
           />
         </div>
       </div>

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 <Spinner />;
   }
+  if (Empty && events.length === 0) {
+    return <Empty />;
+  }
   return (
     <>
       {events.map((e) => {