From c29357bc838907fd7ea058cdabe4bc423200a9eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@daubenschuetz.de>
Date: Mon, 10 Feb 2025 16:52:26 +0100
Subject: [PATCH] feat: Add contest parameter to launch and update
 ContestBanner logic

---
 src/http.mjs       |  1 +
 src/views/feed.mjs | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/http.mjs b/src/http.mjs
index 813a4882..2b307d05 100644
--- a/src/http.mjs
+++ b/src/http.mjs
@@ -791,6 +791,7 @@ export async function launch(trie, libp2p) {
         DOMPurify.sanitize(request.query.domain),
         identity,
         hash,
+        request.query.contest
       );
     } catch (err) {
       log(`Error in /: ${err.stack}`);
diff --git a/src/views/feed.mjs b/src/views/feed.mjs
index ad92798b..9c9b366b 100644
--- a/src/views/feed.mjs
+++ b/src/views/feed.mjs
@@ -43,14 +43,14 @@ const formatedHolders = holders.map((a) => ethers.utils.getAddress(a));
 
 const html = htm.bind(vhtml);
 
-const ContestBanner = (stories) => html`
+const ContestBanner = (stories, expanded = false) => html`
   <div style="width: 100%; margin: 16px 0; font-family: var(--font-family);">
     <div
       style="border: var(--border-thin); border-right: none; border-left: none;"
     >
       <!-- Header -->
       <div
-        onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'block' : 'none'"
+        onclick="var c=this.nextElementSibling; if(c.style.display==='none'){ c.style.display='block'; var url=new window.URL(window.location.href); url.searchParams.set('contest','true'); window.history.replaceState({}, '', url); } else { c.style.display='none'; var url=new window.URL(window.location.href); url.searchParams.delete('contest'); window.history.pushState({}, '', url); }"
         style="padding: 16px; background: #F6F6EF; cursor: pointer; display: flex; justify-content: space-between; align-items: center;"
       >
         <div style="display: flex; align-items: center; gap: 12px">
@@ -93,7 +93,7 @@ const ContestBanner = (stories) => html`
 
       <!-- Expandable Content -->
       <div
-        style="display: none; background: white; border-top: var(--border-thin);"
+        style="display: ${expanded ? 'block' : 'none'}; background: white; border-top: var(--border-thin);"
       >
         <!-- Key Info Grid -->
         <div
@@ -1001,7 +1001,8 @@ function Newsletter() {
   `;
 }
 
-export default async function (trie, theme, page, domain, identity, hash) {
+export default async function (trie, theme, page, domain, identity, hash, contest) {
+  const expandedContest = contest === "true";
   const mints = await registry.mints();
   const path = "/";
   const totalStories = parseInt(env.TOTAL_STORIES, 10);
@@ -1010,7 +1011,7 @@ export default async function (trie, theme, page, domain, identity, hash) {
   if (identity || hash) {
     content = await recommended(trie, page, domain, identity, hash);
   } else {
-    content = await index(trie, page, domain);
+    content = await index(trie, page, domain, undefined, true, true, contest === "true");
   }
 
   const { ad, originals, stories, start, contestStories, pinnedStory } =
@@ -1079,6 +1080,7 @@ export default async function (trie, theme, page, domain, identity, hash) {
                           currentQuery,
                         ),
                       ),
+                    expandedContest
                   )}
                 </td>
               </tr>