Add dynamic redacted banner logic to show/hide

near · Sep 21, 2024 · 063b11e · 063b11e
1 parent e2e3b14
commit 063b11e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/public/images/redacted/redacted-right-empty.png b/public/images/redacted/redacted-right-empty.png
diff --git a/src/components/RedactedBanner.tsx b/src/components/RedactedBanner.tsx
@@ -3,6 +3,14 @@ import { Container } from '@near-pagoda/ui';
 import s from './RedactedBanner.module.scss';
 
 export const RedactedBanner = () => {
+  const now = Date.now();
+  const redactedEndTime = 1731139200000; // Nov 9th 2024
+  const hackathonEndTime = 1727247600000; // Oct 25th 2024
+  const hackathonEndPassed = now > hackathonEndTime;
+  const redactedEndPassed = now > redactedEndTime;
+
+  if (redactedEndPassed) return null;
+
   return (
     <Container>
       <div className={s.redactedBanner}>
@@ -13,12 +21,16 @@ export const RedactedBanner = () => {
           />
         </a>
 
-        <a href="https://redacted.devpost.com/" target="_blank">
-          <img
-            src="/images/redacted/redacted-right.png"
-            alt="Redacted: It's so much more than a hackathon. Click to learn more"
-          />
-        </a>
+        {hackathonEndPassed ? (
+          <img src="/images/redacted/redacted-right-empty.png" alt="Redacted" />
+        ) : (
+          <a href="https://redacted.devpost.com/" target="_blank">
+            <img
+              src="/images/redacted/redacted-right.png"
+              alt="Redacted: It's so much more than a hackathon. Click to learn more"
+            />
+          </a>
+        )}
       </div>
     </Container>
   );