logout added refined

Amrit02102004 · Jul 5, 2024 · a43a5d7 · a43a5d7
1 parent 79ee05e
commit a43a5d7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 18 deletions.
diff --git a/src/Components/Common/Navbar/index.jsx b/src/Components/Common/Navbar/index.jsx
@@ -1,8 +1,21 @@
 import React from "react";
 import "./style.css";
-import { FaUser, FaBell, FaShoppingCart, FaHome } from "react-icons/fa";
+import { FaUser, FaBell, FaShoppingCart, FaHome, FaSignOutAlt } from "react-icons/fa";
+import { useNavigate } from 'react-router-dom';
+import SecureLS from 'secure-ls';
+
+const ls = new SecureLS({ encodingType: 'aes' });
 
 const Navbar = () => {
+    const navigate = useNavigate();
+
+    const handleLogout = () => {
+        // Remove the auth token
+        ls.remove('authToken');
+        // Redirect to login page
+        navigate('/login');
+    };
+
     return (      
         <nav className="navbar sticky-top navbar-light bg-light">
             <a className="navbar-brand icon-margin" href="#">
@@ -14,20 +27,17 @@ const Navbar = () => {
                         <FaHome />
                     </a>
                 </li>
-                <li className="nav-item">
-                    <a className="nav-link icon-margin" href="#">
-                        <FaUser />
-                    </a>
-                </li>
+
                 <li className="nav-item">
                     <a className="nav-link icon-margin" href="/cart">
                         <FaShoppingCart />
                     </a>
                 </li>
+
                 <li className="nav-item">
-                    <a className="nav-link icon-margin" href="#">
-                        <FaBell />
-                    </a>
+                    <button className="nav-link icon-margin" onClick={handleLogout} style={{ background: 'none', border: 'none', cursor: 'pointer' }}>
+                        <FaSignOutAlt />
+                    </button>
                 </li>
             </ul>
         </nav>

diff --git a/src/Components/SideBar/index.jsx b/src/Components/SideBar/index.jsx
@@ -29,15 +29,7 @@ const SidebarComponent = ({ children }) => {
           <li>
             <a href="#">My Orders</a>
           </li>
-          <li>
-            <a href="#">Payments</a>
-          </li>
-          <li>
-            <a href="#">Transactions</a>
-          </li>
-          <li>
-            <a href="#">Settings</a>
-          </li>
+
         </ul>
       </div>
       <div id="page-content-wrapper">{children}</div>