From 447d1ed519e5531083d7b1f4fcfc32145061b922 Mon Sep 17 00:00:00 2001
From: mr0x50 <24775431+mroxso@users.noreply.github.com>
Date: Sat, 18 Jan 2025 02:58:34 +0100
Subject: [PATCH] global feed show items in grid

---
 lumina/components/GlobalFeed.tsx | 47 ++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/lumina/components/GlobalFeed.tsx b/lumina/components/GlobalFeed.tsx
index ddb5901..fd366be 100644
--- a/lumina/components/GlobalFeed.tsx
+++ b/lumina/components/GlobalFeed.tsx
@@ -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>
     </>
   );
 }