Turn off close button on announcement bar

3b1b · May 21, 2023 · 5cf7ad4 · 5cf7ad4
1 parent d5baec1
commit 5cf7ad4
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 18 deletions.
diff --git a/components/Announcement/index.js b/components/Announcement/index.js
@@ -22,13 +22,13 @@ Announcement.propTypes = {
   hidden, enter showAnnouncements() into the devtools console.
 */
 
-export default function Announcement({ id, headline, description, link }) {
+export default function Announcement({ id, headline, description, link, showCloseButton = true}) {
   const [closedAnnouncements, setClosedAnnouncements] = useLocalStorage(
     "closed-announcements",
     []
   );
 
-  const isClosed = closedAnnouncements.includes(id);
+  const isClosed = closedAnnouncements.includes(id) && showCloseButton;
 
   const close = () => {
     setClosedAnnouncements((closed) => [...closed, id]);
@@ -54,15 +54,17 @@ export default function Announcement({ id, headline, description, link }) {
             <div className={styles.description}>{description}</div>
           )}
         </div>
-        <button
-          className={styles.closeButton}
-          onClick={(event) => {
-            event.preventDefault();
-            close();
-          }}
-        >
-          <i className="fas fa-times" />
-        </button>
+        {showCloseButton && (
+          <button
+            className={styles.closeButton}
+            onClick={(event) => {
+              event.preventDefault();
+              close();
+            }}
+          >
+            <i className="fas fa-times" />
+          </button>
+        )}
       </div>
 
     </Link>)

diff --git a/public/content/index.mdx b/public/content/index.mdx
@@ -61,6 +61,7 @@
   headline="Join the Summer of Math Exposition!"
   description="Create and discover new content, submit for a chance at prizes and a spot in a 3blue1brown video"
   link="https://3blue1brown.substack.com/p/some3-begins"
+  showCloseButton={false}
 />
 
 
@@ -70,6 +71,13 @@
 
 </Section>
 
+<Section>
+
+<iframe src="https://3blue1brown.substack.com/embed" width="480" height="180" />
+
+</Section>
+
+
 <Section width="narrow">
 
 <Portrait image="images/home/patreon-logo.svg" />
@@ -96,10 +104,3 @@ This model allows for the lessons to remain free from brand integrations and spo
 </Center>
 
 </Section>
-
-<Section>
-
-<iframe src="https://3blue1brown.substack.com/embed" width="480" height="180" />
-
-</Section>
-