polish

src/app/user/components/feed.tsx

@@ -1,19 +1,32 @@
-import { getNotesByPubkey } from "@libs/storage";
+import { NDKFilter } from "@nostr-dev-kit/ndk";
 import { Note } from "@shared/notes/note";
+import { RelayContext } from "@shared/relayProvider";
 import { useQuery } from "@tanstack/react-query";
+import { dateToUnix, getHourAgo } from "@utils/date";
 import { LumeEvent } from "@utils/types";
+import { useContext } from "react";
 
 export function UserFeed({ pubkey }: { pubkey: string }) {
+	const ndk = useContext(RelayContext);
 	const { status, data } = useQuery(["user-feed", pubkey], async () => {
-		return await getNotesByPubkey(pubkey);
+		const now = new Date();
+		const filter: NDKFilter = {
+			kinds: [1],
+			authors: [pubkey],
+			since: dateToUnix(getHourAgo(48, now)),
+		};
+		const events = await ndk.fetchEvents(filter);
+		return [...events];
 	});
 
 	return (
-		<div className="w-full max-w-[400px] px-2">
+		<div className="w-full max-w-[400px] px-2 pb-10">
 			{status === "loading" ? (
-				<p>Loading...</p>
+				<div className="px-3">
+					<p>Loading...</p>
+				</div>
 			) : (
-				data.map((note: LumeEvent) => <Note key={note.event_id} event={note} />)
+				data.map((note: LumeEvent) => <Note key={note.id} event={note} />)
 			)}
 		</div>
 	);