From 9062cb0bf9b7faa032350339584e286726985a58 Mon Sep 17 00:00:00 2001
From: Jason Chen <jason@slab.com>
Date: Sun, 21 Apr 2024 19:09:09 -0400
Subject: [PATCH] remove old announcement css and apply prettier

---
 packages/website/src/pages/index.jsx   | 13 +++++++------
 packages/website/src/pages/styles.scss | 22 ----------------------
 2 files changed, 7 insertions(+), 28 deletions(-)

diff --git a/packages/website/src/pages/index.jsx b/packages/website/src/pages/index.jsx
index 15aea534f1..7cd48ee6c4 100644
--- a/packages/website/src/pages/index.jsx
+++ b/packages/website/src/pages/index.jsx
@@ -27,7 +27,6 @@ import ModeLogo from '../svg/users/mode.svg';
 import TypeformLogo from '../svg/users/typeform.svg';
 import SlabLogo from '../svg/users/slab.svg';
 
-
 const fonts = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
 const userBuckets = [
   [
@@ -54,9 +53,7 @@ const userBuckets = [
     ['Mode', 'https://mode.com/', ModeLogo],
     ['Typeform', 'https://www.typeform.com/', TypeformLogo],
   ],
-  [
-    ['Slab', 'https://slab.com/', SlabLogo],
-  ],
+  [['Slab', 'https://slab.com/', SlabLogo]],
 ];
 
 const Content = () => {
@@ -233,12 +230,16 @@ const IndexPage = () => {
               {[0, 1, 2].map((index) => (
                 <div
                   key={index}
-                  className={classNames('camera', { active: activeIndex === index })}
+                  className={classNames('camera', {
+                    active: activeIndex === index,
+                  })}
                   onClick={() => {
                     setActiveIndex(index);
                     setIsDemoActive(true);
                   }}
-                ><div className='dot' /></div>
+                >
+                  <div className="dot" />
+                </div>
               ))}
             </div>
             <NoSSR>
diff --git a/packages/website/src/pages/styles.scss b/packages/website/src/pages/styles.scss
index 4cc1edec09..f9b5d3b0ba 100644
--- a/packages/website/src/pages/styles.scss
+++ b/packages/website/src/pages/styles.scss
@@ -267,21 +267,6 @@ header .action {
   padding: 1em;
 }
 
-.announcement {
-  background-color: #337ab7;
-  color: #fff;
-  display: block;
-  font-size: 18px;
-  padding: 10px;
-  text-align: center;
-}
-.announcement:active,
-.announcement:hover,
-.announcement:visited {
-  color: #fff;
-  text-decoration: none;
-}
-
 .new-blog::after {
   background-color: #f2d123;
   border-radius: 6px;
@@ -1224,9 +1209,6 @@ body:not(.home) .navbar-link:before {
   html {
     font-size: 10px;
   }
-  .announcement {
-    display: none;
-  }
   .navbar-open,
   .navbar-close {
     top: 4em;
@@ -1500,10 +1482,6 @@ body:not(.home) .navbar-link:before {
     transform: scaleX(1);
     visibility: visible;
   }
-  .announcement + header .navbar-open,
-  .announcement + header .navbar-close {
-    top: 12em;
-  }
   #sidebar-container .search-item {
     display: block;
   }