Add React frontend and Sinbad2IA LLM integration.

Introduce a full Vite/React UI for exams, auth, materials, images, generation, and export. Adapt backend for Sinbad2IA chat API, bcrypt passwords, CORS on port 5173, and schema migrations.
2026-06-01 13:27:41 +02:00
parent 7bc27da33a
commit 946f16a633
66 changed files with 6769 additions and 48 deletions
@@ -0,0 +1,68 @@
+import { useState } from "react";
+import { Link, NavLink, useNavigate } from "react-router-dom";
+import { useAuth } from "../../context/AuthContext";
+import { initials } from "../../utils/format";
+import Modal from "../ui/Modal";
+import Button from "../ui/Button";
+import Icon from "../ui/Icon";
+
+export default function Navbar() {
+  const { user, logout } = useAuth();
+  const navigate = useNavigate();
+  const [confirmOut, setConfirmOut] = useState(false);
+
+  const doLogout = () => {
+    logout();
+    navigate("/login");
+  };
+
+  return (
+    <header className="navbar">
+      <div className="navbar-inner">
+        <Link to="/" className="brand">
+          <span className="brand-logo">
+            <Icon name="document" size={18} />
+          </span>
+          GenExámenes IA
+        </Link>
+        <nav className="nav-links">
+          <NavLink to="/" end className="nav-link">
+            Mis exámenes
+          </NavLink>
+          <NavLink to="/plantillas/nueva" className="nav-link">
+            Crear examen
+          </NavLink>
+        </nav>
+        <span className="nav-spacer" />
+        <div className="nav-user">
+          <div className="avatar" title={user?.email}>
+            {initials(user?.full_name || user?.email)}
+          </div>
+          <Button variant="ghost" size="sm" onClick={() => setConfirmOut(true)}>
+            Salir
+          </Button>
+        </div>
+      </div>
+
+      <Modal
+        open={confirmOut}
+        onClose={() => setConfirmOut(false)}
+        title="Cerrar sesión"
+        footer={
+          <>
+            <Button variant="ghost" onClick={() => setConfirmOut(false)}>
+              Cancelar
+            </Button>
+            <Button variant="danger" onClick={doLogout}>
+              Cerrar sesión
+            </Button>
+          </>
+        }
+      >
+        <p className="text-soft" style={{ margin: 0 }}>
+          ¿Seguro que quieres cerrar la sesión de <strong>{user?.email}</strong>?
+        </p>
+      </Modal>
+    </header>
+  );
+}