From 09cb5365d1caab3cb96ad3b3d04a38852cb3907e Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Sat, 2 Mar 2024 19:01:34 +0100
Subject: [PATCH] events: add number

---
 src/components/EventItem.astro | 17 ++++++++++++-----
 src/pages/event/[id].astro     |  4 +++-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/EventItem.astro b/src/components/EventItem.astro
index 1e6539f..4977406 100644
--- a/src/components/EventItem.astro
+++ b/src/components/EventItem.astro
@@ -22,9 +22,13 @@ const status = eventStatus(item)
             <div>
                 <div class="">
                     <a href={`/event/${item.id}`} class="text-white text-lg hover:underline">{nameRenderer(item)}</a>
+                    {item.issue &&
+                        <a href={`https://github.com/web3privacy/events/issues/${item.issue}`} class="ml-0.5 text-white/30 hover:underline">#{item.issue}</a>
+                    }
                     <div class="inline-block ml-2">
                         {item.type === "hackathon" && <span class="text-xs ml-2 text-black bg-white px-1 py-0.5">HACKATHON</span>}
                         {item.type === "summit" && <span class="text-xs ml-2 text-black bg-white px-1 py-0.5">SUMMIT</span>}
+                        {item.type === "online-summit" && <span class="text-xs ml-2 text-black bg-white px-1 py-0.5">ONLINE</span>}
                         {item.type === "privacy-corner" && <span class="text-xs ml-2 text-black bg-gray-500 px-1 py-0.5">↴ PC</span>}
 
                         {item.tags && item.tags.includes("sfe") && <span class="text-xs ml-2 text-black bg-gray-500 px-1 py-0.5" title="Sponsorship Free Edition (SFE)">SFE</span>}
@@ -42,7 +46,7 @@ const status = eventStatus(item)
                     }
                     {item.type === 'online-summit' && 
                         <img src="/flags/other/earth.svg" class="w-4" />
-                        <div>Online</div>
+                        <div>Global</div>
                     }
                 </div>
             </div>
@@ -84,18 +88,21 @@ const status = eventStatus(item)
         <div>
             <div>Date: <span class="text-white">{dateFormat(item.date)} {item.days ? ' - ' + dateFormat(dateEnd(item.date, item.days)) + ` (${item.days} days)` : ''}</span></div>
             <div>
-                Venue: {item.place && <span class="text-white" set:html={marked.parseInline(item.place)}></span> || "TBD"}
+                {item.type !== 'online-summit' &&
+                    <div>Venue: {item.place && <span class="text-white" set:html={marked.parseInline(item.place)}></span> || "TBD"}</div>
+                }
                 {item.place && item['place-address'] && 
                     <span> @ </span>
                     <span class="text-white">{item['place-address']}</span>
                 }
             </div>
             <div>Status: <span class:list={[status.color]} class="mr-1.5 text-xs">●</span> {status.title}</div>
-            <div>Lead: <span class="text-white">{item.lead || 'n/a'}</span></div>
+            <!--div>Lead: <span class="text-white">{item.lead || 'n/a'}</span></div-->
 
-            <div class="mt-4 mb-2">
+            <div class="mt-4 mb-2 flex flex-wrap gap-4">
+                <a href={`/event/${item.id}`} class="button inverted"><button>More details</button></a>
                 {item.links?.rsvp &&
-                    <a href={item.links.rsvp} class="button inverted"><button>More details & RSVP</button></a>
+                    <a href={item.links.rsvp} class="button inverted"><button>RSVP</button></a>
                 }
                 {item.links?.web &&
                     <a href={item.links.web} class="button inverted"><button>Website</button></a>
diff --git a/src/pages/event/[id].astro b/src/pages/event/[id].astro
index bed49ab..bbfff90 100644
--- a/src/pages/event/[id].astro
+++ b/src/pages/event/[id].astro
@@ -48,7 +48,9 @@ const ext = findExt(EventsExt, item)
                 <div>
                     <div>Date: <span class="text-white">{dateFormat(item.date)} {item.days ? ' - ' + dateFormat(dateEnd(item.date, item.days)) + ` (${item.days} days)` : ''}</span></div>
                     <div>
-                        Venue: {item.place && <span class="text-white" set:html={marked.parseInline(item.place)}></span> || "TBD"}
+                        {item.type !== 'online-summit' &&
+                            <div>Venue: {item.place && <span class="text-white" set:html={marked.parseInline(item.place)}></span> || "TBD"}</div>
+                        }
                         {item.place && item['place-address'] && 
                             <span> @ </span>
                             <span class="text-white">{item['place-address']}</span>