Remove beta label from navigation bar (#699)

Signed-off-by: Cintia Sanchez Garcia <[email protected]>
cncf · Nov 2, 2022 · 46baa87 · 46baa87
1 parent 8b7672a
commit 46baa87
Show file tree

Hide file tree

Showing 5 changed files with 0 additions and 17 deletions.
diff --git a/web/src/layout/navigation/Navbar.module.css b/web/src/layout/navigation/Navbar.module.css
@@ -6,12 +6,6 @@
   height: 25px;
 }
 
-.badge {
-  background-color: var(--color-white-25);
-  font-size: 0.65rem;
-  padding: 0.25rem 0.4rem;
-}
-
 .link {
   letter-spacing: 2px;
 }

diff --git a/web/src/layout/navigation/Navbar.test.tsx b/web/src/layout/navigation/Navbar.test.tsx
@@ -31,7 +31,6 @@ describe('Navbar', () => {
       </Router>
     );
 
-    expect(screen.getByText('Beta')).toBeInTheDocument();
     expect(screen.getByAltText('CLOMonitor logo')).toBeInTheDocument();
 
     const links = screen.getAllByRole('link');

diff --git a/web/src/layout/navigation/Navbar.tsx b/web/src/layout/navigation/Navbar.tsx
@@ -22,7 +22,6 @@ const Navbar = (props: Props) => {
               <Link to="/" onClick={() => props.setScrollPosition(0)} className="cursorPointer">
                 <img className={styles.logo} alt="CLOMonitor logo" src={logo} />
               </Link>
-              <div className={`ms-1 badge rounded-0 text-uppercase ${styles.badge} betaBadge`}>Beta</div>
               <MobileSettings />
             </div>
           </div>

diff --git a/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap b/web/src/layout/navigation/__snapshots__/Navbar.test.tsx.snap
@@ -27,11 +27,6 @@ exports[`Navbar creates snapshot 1`] = `
                 src=""
               />
             </a>
-            <div
-              class="ms-1 badge rounded-0 text-uppercase badge betaBadge"
-            >
-              Beta
-            </div>
             <div
               class="d-flex d-md-none ms-auto position-relative"
             >

diff --git a/web/src/styles/dark.scss b/web/src/styles/dark.scss
@@ -257,10 +257,6 @@
     border-color: var(--solid-border);
   }
 
-  .betaBadge {
-    background-color: var(--color-black-25);
-  }
-
   @media (hover: hover) {
     .navbarLink:hover::before {
       background-color: var(--color-light-font);
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,11 +27,6 @@ exports[`Navbar creates snapshot 1`] = ` @@
                     src=""
                   />
                 </a>
-                <div
-                  class="ms-1 badge rounded-0 text-uppercase badge betaBadge"
-                >
-                  Beta
-                </div>
                 <div
                   class="d-flex d-md-none ms-auto position-relative"
                 >
@@ Expand Down @@