+
+ }>
{/* Provide global state to all components */}
+
+
+
+
+
+
+
+
+
-
+
Panel de Administrador
¡Bienvenido!
-
@@ -53,6 +59,14 @@ export const Admin = () => {
+
+ Cerrar sesión
+
+
{renderContent()}
diff --git a/src/front/pages/Login.jsx b/src/front/pages/Login.jsx
new file mode 100644
index 0000000000..eb919ca2f2
--- /dev/null
+++ b/src/front/pages/Login.jsx
@@ -0,0 +1,134 @@
+import { useState, useEffect, useReducer, useContext } from "react"
+import storeReducer, { initialStore } from "../store";
+import { useNavigate } from "react-router-dom"
+import { AppContext } from "./Layout"
+import yellowLogo from '../assets/img/LogoNavbar.svg'
+
+const adminLogin = async (dispatch, loginData) => {
+ const apiUrl = import.meta.env.VITE_BACKEND_URL;
+ dispatch({ type: 'ADMIN_LOGIN_START' })
+ try {
+ const response = await fetch(`${apiUrl}/api/admin/login`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(loginData)
+ })
+
+ const data = await response.json();
+
+ if (!response.ok) {
+ throw new Error(data.message || "Error al loguearse");
+ }
+ dispatch({ type: 'ADMIN_LOGIN_SUCCESS', payload: data });
+ return data;
+ } catch (error) {
+ console.error("Error al loguearse:", error);
+ dispatch({ type: 'ADMIN_LOGIN_FAILURE', payload: error.message });
+ throw error;
+ }
+}
+
+export const Login = () => {
+ const navigate = useNavigate();
+ const { setShowNavbar, setShowFooter } = useContext(AppContext)
+
+ const [store, dispatch] = useReducer(storeReducer, initialStore());
+ const { loginStatus } = store;
+
+ useEffect(() => {
+ if (setShowNavbar || setShowFooter) {
+ setShowNavbar(false);
+ setShowFooter(false);
+ }
+ return () => {
+ if (setShowNavbar || setShowFooter) {
+ setShowNavbar(true);
+ setShowFooter(true);
+ }
+ }
+ }, [setShowNavbar, setShowFooter])
+
+ const [loginData, setLoginData] = useState({
+ email: "",
+ password: ""
+ })
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setLoginData(prevLoginData => ({ ...prevLoginData, [name]: value }));
+ }
+
+ const handleLogin = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await adminLogin(dispatch, loginData);
+ console.log("Successful login", response)
+ alert("Successful login!")
+ if (response.token) {
+ localStorage.setItem('accessToken', response.token);
+ }
+ setLoginData({
+ email: "",
+ password: ""
+ })
+ navigate("/admin")
+ } catch (error) {
+ console.error("Error de logueo", error)
+ alert("Credenciales incorrectas")
+ }
+ }
+
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/front/routes.jsx b/src/front/routes.jsx
index 7625f041d0..8b7b25f62b 100644
--- a/src/front/routes.jsx
+++ b/src/front/routes.jsx
@@ -11,6 +11,7 @@ import { About } from "./pages/About";
import { ServicesPage } from "./pages/Services";
import { Portfolio } from "./pages/Projects";
import { Contact } from "./pages/Contact";
+import { Login } from "./pages/Login";
import { Admin } from "./pages/Admin";
import { ProtectedRoute } from "./components/ProtectedRoute";
@@ -31,8 +32,9 @@ export const router = createBrowserRouter(
+
+
+
+ 
+
+
+
+
+
+