visatas cambiarpass y navheader

2025-11-04 16:52:27 -06:00
parent 23bd321104
commit 6683710439
5 changed files with 299 additions and 48 deletions
@@ -0,0 +1,57 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import "../app/styles/layout/BarNavigation.scss";
+import Link from "next/link";
+
+function BarNavigation() {
+  const router = useRouter();
+  const [openMenu, setOpenMenu] = useState(false);
+
+  const toggleMenu = () => setOpenMenu(!openMenu);
+
+  const cerrarSesion = () => {
+    if (typeof window !== "undefined") {
+      localStorage.removeItem("loggedIn");
+      router.push("/");
+    }
+    setOpenMenu(false);
+  };
+
+  return (
+    <nav className="barNavigation">
+      <div className="menuToggle" onClick={toggleMenu}>
+        <div></div>
+        <div></div>
+        <div></div>
+      </div>
+
+      <ul className={openMenu ? "active" : ""}>
+        <li className="subMenu" onClick={toggleMenu}>
+          <Link href="/crearCuenta" className="links">
+            <span>Crear Cuenta</span>
+          </Link>
+        </li>
+        <li className="subMenu" onClick={toggleMenu}>
+          <Link href="/CambiarPass" className="links">
+            <span>Cambiar Contraseña</span>
+          </Link>
+        </li>
+        <li className="subMenu" onClick={toggleMenu}>
+          <Link href="/reporte" className="links">
+            <span>Reporte</span>
+          </Link>
+        </li>
+        <li className="subMenu">
+          <button className="logout-button" onClick={cerrarSesion}>
+            Cerrar sesión
+          </button>
+        </li>
+      </ul>
+    </nav>
+  );
+}
+
+export default BarNavigation;
+//IO