From d49ea2b793c4bdcd83388e60c4a052e769b8f832 Mon Sep 17 00:00:00 2001
From: shashank-kavli <121170732+shashank-kavli@users.noreply.github.com>
Date: Thu, 28 Sep 2023 22:38:20 +0530
Subject: [PATCH] [UI] Theme Toggle

Signed-off-by: shashank-kavli <121170732+shashank-kavli@users.noreply.github.com>
---
 site/src/components/Navigation/index.js | 30 ++++++++++++-------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/site/src/components/Navigation/index.js b/site/src/components/Navigation/index.js
index 93d5e06..bc78277 100644
--- a/site/src/components/Navigation/index.js
+++ b/site/src/components/Navigation/index.js
@@ -27,26 +27,24 @@ function Navigation({theme, toggleTheme, showSignUpButton}) {
     <Header>       
       <nav className={scroll ? "scrolled" : ""}>
         <img className="logo" src={Logo} alt="Meshery Logo" />
-        <div className="btn-container">
+        <div className="container">
           <Toggle theme={theme} toggleTheme={toggleTheme} />
-          {showSignUpButton && <a href="#signup-form" className="signup-btn" role="button">Sign Up</a>}
-          {/* <a href="https://playground.meshery.io" className="login-btn" role="button">Login</a> */}
-        </div>
-        <div className="dropdown_btn" onClick={handleNavOpen}>
-          <Toggle theme={theme} toggleTheme={toggleTheme} />
-          {openNav ? 
-            (<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="hamburger-icon">
-              <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-            </svg>)
-            : (<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="hamburger-icon" >
-                <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
-              </svg>)}
+          <div className="btn-container">
+            {showSignUpButton && <a href="#signup-form" className="signup-btn" role="button">Sign Up</a>}
+            {/* <a href="https://playground.meshery.io" className="login-btn" role="button">Login</a> */}
+          </div>
+          <div className="dropdown_btn" onClick={handleNavOpen}>
+            {openNav ? 
+              (<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="hamburger-icon">
+                <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
+              </svg>)
+              : (<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="hamburger-icon" >
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
+                </svg>)}
+          </div>
         </div>        
       </nav>
       <div className={openNav ? "dropdown_menu_opened" : "dropdown_menu_closed"}>
-            {/* <div className="mode-btn">
-              <Toggle theme={theme} toggleTheme={toggleTheme} />
-            </div> */}
             <div className="action-btns">
               <a href="#signup-form" className="signup-btn" role="button">Sign Up</a>
               {/* <a href="https://demo.meshery.io" className="login-btn" role="button">Login</a> */}