highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-06-06 02:31:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

global feed show items in grid

Browse Source
This commit is contained in:
mr0x50
2025-01-18 02:58:34 +01:00
parent 851eb6406d
commit 447d1ed519
1 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
lumina/components/GlobalFeed.tsx
View File

@@ -1,6 +1,7 @@
import { useNostrEvents } from "nostr-react";
import KIND20Card from "./KIND20Card";
import { getImageUrl } from "@/utils/utils";
import QuickViewKind20NoteCard from "./QuickViewKind20NoteCard";
const GlobalFeed: React.FC = () => {
const { events } = useNostrEvents({
@@ -13,23 +14,35 @@ const GlobalFeed: React.FC = () => {
return (
<>
<h2>Global Feed</h2>
{events.map((event) => {
const imageUrl = getImageUrl(event.tags);
return (
<div key={event.id} className="py-6">
<KIND20Card
key={event.id}
pubkey={event.pubkey}
text={event.content}
image={imageUrl}
eventId={event.id}
tags={event.tags}
event={event}
showViewNoteCardButton={true}
/>
</div>
);
})}
<div className="grid sm:grid-cols-1 md:grid-cols-2 space-x-2">
{events.map((event) => {
const imageUrl = getImageUrl(event.tags);
return (
<div key={event.id} className="py-6">
<KIND20Card
key={event.id}
pubkey={event.pubkey}
text={event.content}
image={imageUrl}
eventId={event.id}
tags={event.tags}
event={event}
showViewNoteCardButton={true}
/>
{/* <QuickViewKind20NoteCard
key={event.id}
pubkey={event.pubkey}
text={event.content}
image={imageUrl}
eventId={event.id}
tags={event.tags}
event={event}
linkToNote={true}
/> */}
</div>
);
})}
</div>
</>
);
}