+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/Cardhijo.jsx b/src/front/components/Cardhijo.jsx
new file mode 100644
index 0000000000..f8d8ac47d0
--- /dev/null
+++ b/src/front/components/Cardhijo.jsx
@@ -0,0 +1,158 @@
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import Swal from 'sweetalert2';
+
+export const Cardhijo = ({ hijo }) => {
+ const { store, actions } = useGlobalReducer();
+ const navigate = useNavigate();
+
+ const handleDelete = (e) => {
+ e.stopPropagation();
+ Swal.fire({
+ title: '¿Eliminar a ' + hijo.nombre + '?',
+ text: "Esta acción borrará al niño y a sus autorizados de forma permanente.",
+ icon: 'warning',
+ showCancelButton: true,
+ confirmButtonColor: '#ff6b6b',
+ cancelButtonColor: '#c2c2c2',
+ confirmButtonText: 'Sí, eliminar',
+ cancelButtonText: 'Cancelar',
+ width: '400px',
+ padding: '1.5rem',
+ customClass: {
+ popup: 'my-custom-popup',
+ confirmButton: 'rounded-pill px-3 shadow-sm',
+ cancelButton: 'rounded-pill px-3'
+ }
+ }).then(async (result) => {
+ if (result.isConfirmed) {
+ const success = await actions.deleteHijo(hijo.id);
+ if (success) {
+ Swal.fire({
+ title: '¡Eliminado!',
+ text: 'El registro ha sido borrado.',
+ icon: 'success',
+ timer: 1500,
+ showConfirmButton: false,
+ width: '400px',
+ customClass: { popup: 'my-custom-popup' }
+ });
+ } else {
+ Swal.fire({
+ title: 'Error',
+ text: 'No se pudo eliminar el registro del servidor.',
+ icon: 'error',
+ confirmButtonColor: '#4CC9F0'
+ });
+ }
+ }
+ });
+ };
+
+ const tieneIntolerancia = hijo.datosMedicos?.intolerancia && hijo.datosMedicos.intolerancia !== "Ninguna";
+ const tieneAlergia = hijo.datosMedicos?.alergia && hijo.datosMedicos.alergia !== "Ninguna";
+ const tieneAsma = hijo.datosMedicos?.asma && hijo.datosMedicos.asma !== "No";
+
+ return (
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + {autorizado.nombre} {autorizado.apellidos} +
+ ++ + Recoge a: {hijoVinculado ? hijoVinculado.nombre : "Hijo no encontrado"} +
+ ++ {autorizado.parentesco || "Autorizado"} + {autorizado.esPermanente && Permanente} +
+ + +
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/Carduser.jsx b/src/front/components/Carduser.jsx
new file mode 100644
index 0000000000..c745280b0f
--- /dev/null
+++ b/src/front/components/Carduser.jsx
@@ -0,0 +1,60 @@
+import React, { useState, useEffect } from "react";
+
+export const Carduser = () => {
+ const [userData, setUserData] = useState({
+ nombre: "Usuario Padre",
+ fotoUrl: null
+ });
+
+ useEffect(() => {
+ const storedUser = localStorage.getItem("user");
+
+ if (storedUser) {
+ const parsedUser = JSON.parse(storedUser);
+ setUserData({
+ nombre: parsedUser.nombre || "Usuario Padre",
+ fotoUrl: parsedUser.foto_perfil || null
+ });
+ }
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+ 
navigate("/asignar-rutina", { state: { hijo } })}
+ style={{
+ width: "75px",
+ height: "75px",
+ borderRadius: "50%",
+ objectFit: "cover",
+ border: "3px solid white",
+ cursor: "pointer"
+ }}
+ />
+
+
+
+ + {hijo.nombre} +
+ +
+ {tieneIntolerancia && }
+ {tieneAlergia && }
+ {tieneAsma && }
+
+
+
+
+ );
+};
+
+const avatarStyle = {
+ width: "50px",
+ height: "50px",
+ borderRadius: "50%",
+ backgroundColor: "var(--color-primario)",
+ overflow: "hidden",
+ flexShrink: 0
+};
+
+const imgStyle = {
+ width: "100%",
+ height: "100%",
+ objectFit: "cover"
+};
\ No newline at end of file
diff --git a/src/front/components/Cloudinary.jsx b/src/front/components/Cloudinary.jsx
new file mode 100644
index 0000000000..56db5c9719
--- /dev/null
+++ b/src/front/components/Cloudinary.jsx
@@ -0,0 +1,93 @@
+import React, { useState, useRef } from 'react';
+
+const Cloudinary = ({ onImageUploaded }) => {
+ const preset_name = "Lmroch";
+ const cloud_name = "dlcubj61o";
+
+ const [image, setImage] = useState('');
+ const [loading, setLoading] = useState(false);
+ const [showMenu, setShowMenu] = useState(false);
+
+ const fileInputRef = useRef(null);
+ const cameraInputRef = useRef(null);
+
+ const uploadImage = async (e) => {
+ const files = e.target.files;
+ if (!files || files.length === 0) return;
+
+ setShowMenu(false);
+ const data = new FormData();
+ data.append('file', files[0]);
+ data.append('upload_preset', preset_name);
+
+ setLoading(true);
+
+ try {
+ const response = await fetch(`https://api.cloudinary.com/v1_1/${cloud_name}/image/upload`, {
+ method: 'POST',
+ body: data
+ });
+
+ const file = await response.json();
+ const urlOptimizada = file.secure_url.replace('/upload/', '/upload/w_150,h_150,c_fill,g_face/');
+ setImage(urlOptimizada);
+
+ if(onImageUploaded) {
+ onImageUploaded(urlOptimizada);
+ }
+
+ setLoading(false);
+ } catch (error) {
+ console.error('Error uploading image:', error);
+ setLoading(false);
+ }
+ };
+
+ return (
+
+ {userData.fotoUrl ? (
+ 
+ ) : (
+
+ )}
+
+
+
+
+
+ + {userData.nombre} +
++ @{userData.nombre.toLowerCase().replace(/\s+/g, '')} +
+
+
+ );
+}
+
+export default Cloudinary;
\ No newline at end of file
diff --git a/src/front/components/Footer.jsx b/src/front/components/Footer.jsx
index f06302dbd2..4755bbde23 100644
--- a/src/front/components/Footer.jsx
+++ b/src/front/components/Footer.jsx
@@ -1,11 +1,5 @@
export const Footer = () => (
-
+
);
diff --git a/src/front/components/GoogleInput.jsx b/src/front/components/GoogleInput.jsx
new file mode 100644
index 0000000000..6ce91adaf1
--- /dev/null
+++ b/src/front/components/GoogleInput.jsx
@@ -0,0 +1,30 @@
+import React from "react";
+import Autocomplete from "react-google-autocomplete";
+
+const GoogleInput = ({
+ placeholder,
+ icon,
+ onPlaceSelected,
+ onChange,
+ value,
+ required = false
+}) => {
+ return (
+ !loading && setShowMenu(!showMenu)}
+ >
+ {!image && !loading && 
+ )}
+
+
+ {showMenu && (
+ + Foto
} + {loading &&Subiendo...
} + {image && !loading && ( +
+
+
+
+ )}
+
+
+
+
+
+
+
+ );
+};
+
+export default GoogleInput;
\ No newline at end of file
diff --git a/src/front/components/HeaderApp.jsx b/src/front/components/HeaderApp.jsx
new file mode 100644
index 0000000000..82b661677b
--- /dev/null
+++ b/src/front/components/HeaderApp.jsx
@@ -0,0 +1,71 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+
+export const HeaderApp = ({ showBackButton = false, onBackClick }) => {
+ const [showMenu, setShowMenu] = useState(false);
+ const navigate = useNavigate();
+
+ const handleLogout = () => {
+ localStorage.removeItem("user");
+ localStorage.removeItem("token");
+ navigate("/");
+ };
+
+ const dropdownStyle = {
+ position: "absolute",
+ top: "70px",
+ right: "15px",
+ backgroundColor: "white",
+ borderRadius: "8px",
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
+ zIndex: 1000,
+ display: showMenu ? "block" : "none",
+ overflow: "hidden"
+ };
+
+ const dropdownItemStyle = {
+ padding: "12px 20px",
+ width: "100%",
+ border: "none",
+ backgroundColor: "transparent",
+ textAlign: "left",
+ fontSize: "0.9rem",
+ fontWeight: "bold",
+ cursor: "pointer",
+ borderBottom: "1px solid #f0f0f0"
+ };
+
+ return (
+
+
+ 
+
+ setShowMenu(!showMenu)}
+ >
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/HeaderApp2.jsx b/src/front/components/HeaderApp2.jsx
new file mode 100644
index 0000000000..0f9ba48beb
--- /dev/null
+++ b/src/front/components/HeaderApp2.jsx
@@ -0,0 +1,97 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+
+export const HeaderApp2 = ({ showBackButton = false, onBackClick }) => {
+ const [showMenu, setShowMenu] = useState(false);
+ const navigate = useNavigate();
+
+ const handleLogout = () => {
+ localStorage.removeItem("user");
+ localStorage.removeItem("token");
+ navigate("/");
+ };
+
+ const dropdownStyle = {
+ position: "absolute",
+ top: "70px",
+ right: "15px",
+ backgroundColor: "white",
+ borderRadius: "8px",
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
+ zIndex: 1000,
+ display: showMenu ? "block" : "none",
+ overflow: "hidden"
+ };
+
+ const dropdownItemStyle = {
+ padding: "12px 20px",
+ width: "100%",
+ border: "none",
+ backgroundColor: "transparent",
+ textAlign: "left",
+ fontSize: "0.9rem",
+ fontWeight: "bold",
+ cursor: "pointer",
+ borderBottom: "1px solid #f0f0f0"
+ };
+
+ return (
+
+ {showBackButton && (
+
+ )}
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/HeaderApp3.jsx b/src/front/components/HeaderApp3.jsx
new file mode 100644
index 0000000000..50d3089660
--- /dev/null
+++ b/src/front/components/HeaderApp3.jsx
@@ -0,0 +1,112 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+
+export const HeaderApp3 = ({ showBackButton = false, onBackClick }) => {
+ const [showMenu, setShowMenu] = useState(false);
+ const navigate = useNavigate();
+
+ const handleLogout = () => {
+ localStorage.removeItem("user");
+ localStorage.removeItem("token");
+ navigate("/");
+ };
+
+ const handleBack = () => {
+ if (onBackClick) {
+ onBackClick();
+ } else {
+ navigate(-1);
+ }
+ };
+
+ const dropdownStyle = {
+ position: "absolute",
+ top: "70px",
+ right: "15px",
+ backgroundColor: "white",
+ borderRadius: "8px",
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
+ zIndex: 1000,
+ display: showMenu ? "block" : "none",
+ overflow: "hidden"
+ };
+
+ const dropdownItemStyle = {
+ padding: "12px 20px",
+ width: "100%",
+ border: "none",
+ backgroundColor: "transparent",
+ textAlign: "left",
+ fontSize: "0.9rem",
+ fontWeight: "bold",
+ cursor: "pointer",
+ borderBottom: "1px solid #f0f0f0"
+ };
+
+ return (
+
+ {showBackButton ? (
+
+ ) : (
+ navigate("/Home")}
+ >
+ )}
+
+
+
+
+
+
+
+ setShowMenu(!showMenu)}
+ >
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/HeaderApp4.jsx b/src/front/components/HeaderApp4.jsx
new file mode 100644
index 0000000000..ecebc95302
--- /dev/null
+++ b/src/front/components/HeaderApp4.jsx
@@ -0,0 +1,95 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+
+export const HeaderApp4 = ({ showBackButton = false, onBackClick }) => {
+ const [showMenu, setShowMenu] = useState(false);
+ const navigate = useNavigate();
+
+ const handleLogout = () => {
+ localStorage.removeItem("user");
+ localStorage.removeItem("token");
+ navigate("/");
+ };
+
+ const dropdownStyle = {
+ position: "absolute",
+ top: "70px",
+ right: "15px",
+ backgroundColor: "white",
+ borderRadius: "8px",
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
+ zIndex: 1000,
+ display: showMenu ? "block" : "none",
+ overflow: "hidden"
+ };
+
+ const dropdownItemStyle = {
+ padding: "12px 20px",
+ width: "100%",
+ border: "none",
+ backgroundColor: "transparent",
+ textAlign: "left",
+ fontSize: "0.9rem",
+ fontWeight: "bold",
+ cursor: "pointer",
+ borderBottom: "1px solid #f0f0f0"
+ };
+
+ return (
+
+ {showBackButton && (
+
+ )}
+
+
+
+
+
+
+
+ setShowMenu(!showMenu)}
+ >
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git "a/src/front/components/InfoNi\303\261o.jsx" "b/src/front/components/InfoNi\303\261o.jsx"
new file mode 100644
index 0000000000..948c15499c
--- /dev/null
+++ "b/src/front/components/InfoNi\303\261o.jsx"
@@ -0,0 +1,48 @@
+import React from "react";
+
+export const InfoNiño = ({ nombre, apellidos, edad, fotoUrl }) => {
+ return (
+
+ {showBackButton && (
+
+ )}
+
+
+
+
+
+
+
+ setShowMenu(!showMenu)}
+ >
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/components/ProtectedRoute.jsx b/src/front/components/ProtectedRoute.jsx
new file mode 100644
index 0000000000..368ee63e11
--- /dev/null
+++ b/src/front/components/ProtectedRoute.jsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { useNavigate, Navigate } from "react-router-dom";
+
+const ProtectedRoute = ({ children }) => {
+ const navigate = useNavigate();
+ const user = localStorage.getItem("user");
+
+ if (!user || user === "undefined" || user === "null") {
+ return (
+ <>
+
+
+
+
+
+ NOMBRE:
++ {nombre} +
+
+
+ APELLIDOS:
++ {apellidos} +
+
+
+ EDAD:
++ {edad} +
+
+
+
+ {fotoUrl ? (
+ 
+ ) : (
+
+ FOTO
NIÑO + + )} +
+ NIÑO + + )} +
+ {children}
+
+
+
+
+
+ );
+ }
+
+ return children;
+};
+
+export default ProtectedRoute;
\ No newline at end of file
diff --git a/src/front/hooks/useGlobalReducer.jsx b/src/front/hooks/useGlobalReducer.jsx
index 6aeb9d768e..65bf22534b 100644
--- a/src/front/hooks/useGlobalReducer.jsx
+++ b/src/front/hooks/useGlobalReducer.jsx
@@ -1,6 +1,7 @@
// Import necessary hooks and functions from React.
import { useContext, useReducer, createContext } from "react";
import storeReducer, { initialStore } from "../store" // Import the reducer and the initial state.
+import { actions } from "../actions";
// Create a context to hold the global state of the application
// We will call this global state the "store" to avoid confusion while using local states
@@ -11,14 +12,18 @@ const StoreContext = createContext()
export function StoreProvider({ children }) {
// Initialize reducer with the initial state.
const [store, dispatch] = useReducer(storeReducer, initialStore())
+
+
+ const storeActions = actions(store, dispatch);
+
// Provide the store and dispatch method to all child components.
- return
+
+
+ Acceso Restringido
+Debes iniciar sesión para gestionar tus rutinas.
+ + +
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Addhijo.jsx b/src/front/pages/Addhijo.jsx
new file mode 100644
index 0000000000..fa1e18a8c2
--- /dev/null
+++ b/src/front/pages/Addhijo.jsx
@@ -0,0 +1,252 @@
+import React, { useState } from "react";
+import { useNavigate, Link } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import Cloudinary from "../components/Cloudinary.jsx";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+import Swal from 'sweetalert2';
+
+export const Addhijo = () => {
+ const { store, actions } = useGlobalReducer();
+ const navigate = useNavigate();
+
+ const [nombre, setNombre] = useState("");
+ const [apellidos, setApellidos] = useState("");
+ const [edad, setEdad] = useState(0);
+ const [info, setInfo] = useState("");
+ const [foto, setFoto] = useState("");
+
+ const [hasIntolerancia, setHasIntolerancia] = useState(false);
+ const [hasAlergia, setHasAlergia] = useState(false);
+ const [hasAsma, setHasAsma] = useState(false);
+
+ const [intolerancia, setIntolerancia] = useState("");
+ const [alergia, setAlergia] = useState("");
+ const [nivelAsma, setNivelAsma] = useState("");
+ const [tipoSangre, setTipoSangre] = useState("");
+
+ const [gatea, setGatea] = useState(false);
+ const [vaAlBano, setVaAlBano] = useState(false);
+
+ const handleSave = async () => {
+ if (!nombre || !apellidos || edad === 0) {
+ Swal.fire({
+ title: '¡Ups!',
+ text: 'Por favor, rellena el nombre, apellidos y selecciona una edad.',
+ icon: 'warning',
+ confirmButtonText: 'Corregir',
+ confirmButtonColor: 'var(--color-primario)',
+ width: '400px',
+ customClass: {
+ popup: 'my-custom-popup',
+ confirmButton: 'rounded-pill px-4 shadow-sm'
+ }
+ });
+ return;
+ }
+
+ const localUserData = JSON.parse(localStorage.getItem("user"));
+
+ const hijoData = {
+ nombre,
+ apellido: apellidos,
+ edad,
+ info,
+ fotoUrl: foto,
+ user_id: localUserData?.id,
+ desarrollo: {
+ gatea: gatea ? "Sí" : "No",
+ autonomiaBano: vaAlBano ? "Sí" : "No"
+ },
+ datosMedicos: {
+ intolerancia: hasIntolerancia ? intolerancia : "Ninguna",
+ alergia: hasAlergia ? alergia : "Ninguna",
+ asma: hasAsma ? nivelAsma : "No",
+ tipoSangre: tipoSangre || "No informado"
+ }
+ };
+
+ const success = await actions.addHijo(hijoData);
+
+ if (success) {
+ Swal.fire({
+ icon: 'success',
+ title: '¡Niño registrado!',
+ showConfirmButton: false,
+ timer: 1500,
+ width: '400px',
+ customClass: { popup: 'my-custom-popup' }
+ }).then(() => {
+ navigate("/menupadre");
+ });
+ } else {
+ Swal.fire({
+ icon: 'error',
+ title: 'Error',
+ text: 'No se pudo guardar la información en el servidor.',
+ confirmButtonColor: 'var(--color-primario)',
+ });
+ }
+ };
+
+ const selectStyle = { fontSize: "0.85rem", backgroundColor: "#f8f9fa" };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ setFoto(url)} />
+
+
+
+
+
+
+
+ setNombre(e.target.value)} style={{ fontSize: "0.9rem" }} />
+
+ setApellidos(e.target.value)} style={{ fontSize: "0.9rem" }} />
+
+ setDni(e.target.value)} style={{ fontSize: "0.9rem" }} />
+
+ setDireccion(e.target.value)} style={{ fontSize: "0.9rem" }} />
+
+
+
+
+
+ {parentesco !== "Progenitor" && (
+ <>
+ Persona delegada para recoger a tu hijo/a
+
+
+
+
+ {!esPermanente && (
+
+ setEsPermanente(e.target.checked)} style={{ cursor: "pointer", transform: "scale(1.2)" }} />
+
+
+
+ )}
+
+ )}
+
+
+
+ setFechaInicio(e.target.value)} style={{ fontSize: "0.85rem" }} />
+
+
+
+ setFechaFin(e.target.value)} style={{ fontSize: "0.85rem" }} />
+
+
+
+ Cancelar
+
+
+
+
+
-
)
}
\ No newline at end of file
diff --git a/src/front/pages/Login.jsx b/src/front/pages/Login.jsx
new file mode 100644
index 0000000000..05c83349a1
--- /dev/null
+++ b/src/front/pages/Login.jsx
@@ -0,0 +1,88 @@
+import React, { useState } from "react";
+import { useNavigate, Link } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import logoApp from "../assets/Logo Baby Zzync 1 - vers blanca.png";
+
+export const Login = () => {
+ const { store, actions, dispatch } = useGlobalReducer();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const navigate = useNavigate();
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await fetch(`${import.meta.env.VITE_BACKEND_URL}/api/login`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ email, password })
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+
+ localStorage.setItem("token", data.token);
+ localStorage.setItem("user", JSON.stringify(data.user));
+
+ dispatch({ type: 'set_user', payload: data.user });
+
+ await actions.loadParentData();
+
+ navigate("/home");
+ } else {
+ const errorData = await response.json();
+ alert(errorData.msg || "Correo o contraseña incorrectos");
+ }
+ } catch (error) {
+ console.error("Error en login:", error);
+ alert("No se pudo conectar con el servidor.");
+ }
+ };
+
+ return (
+
+
+ {/* Header */}
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/DetalleRutinaHijo.jsx b/src/front/pages/DetalleRutinaHijo.jsx
new file mode 100644
index 0000000000..5691ac3470
--- /dev/null
+++ b/src/front/pages/DetalleRutinaHijo.jsx
@@ -0,0 +1,159 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useParams, useLocation } from "react-router-dom";
+import { HeaderApp4 } from "../components/HeaderApp4";
+import Swal from 'sweetalert2';
+
+const getCategoryIcon = (category) => {
+ switch (category) {
+ case 'milk': return ;
+ case 'sleep': return ;
+ case 'diaper': return ;
+ case 'medicine': return ;
+ case 'exercise': return ;
+ default: return ;
+ }
+};
+
+const getCategoryColor = (category) => {
+ switch (category) {
+ case 'milk': return '#4FC3F7';
+ case 'sleep': return '#7986CB';
+ case 'diaper': return '#FFB74D';
+ case 'medicine': return '#E57373';
+ case 'exercise': return '#81C784';
+ default: return 'var(--color-primario)';
+ }
+};
+
+export const DetalleRutinaHijo = () => {
+ const { id } = useParams();
+ const navigate = useNavigate();
+ const location = useLocation();
+ const [actividades, setActividades] = useState([]);
+
+
+ const { rutina, hijo, esCuidador } = location.state || {};
+ const apiUrl = import.meta.env.VITE_BACKEND_URL || "http://localhost:3001";
+
+ useEffect(() => {
+ const token = localStorage.getItem("token");
+ fetch(`${apiUrl}/api/rutinas/${id}/actividades`, {
+ headers: { "Authorization": `Bearer ${token}` }
+ })
+ .then(res => res.json())
+ .then(data => {
+ if (Array.isArray(data)) {
+ setActividades(data.sort((a, b) => a.time.localeCompare(b.time)));
+ }
+ });
+ }, [id, apiUrl]);
+
+ const handleSendRoutine = async () => {
+ const { value: email } = await Swal.fire({
+ title: 'Compartir Rutina',
+ text: `Introduce el email del cuidador para compartir la rutina de ${hijo?.nombre}`,
+ input: 'email',
+ inputPlaceholder: 'email@ejemplo.com',
+ showCancelButton: true,
+ confirmButtonText: 'Enviar',
+ cancelButtonText: 'Cancelar',
+ confirmButtonColor: 'var(--color-primario)',
+ cancelButtonColor: '#aaa',
+ customClass: {
+ popup: 'rounded-4 shadow',
+ confirmButton: 'rounded-pill px-4',
+ cancelButton: 'rounded-pill px-4'
+ }
+ });
+
+ if (email) {
+ try {
+ const token = localStorage.getItem("token");
+ const response = await fetch(`${apiUrl}/api/rutinas/compartir`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${token}`
+ },
+ body: JSON.stringify({
+ email: email,
+ rutina_id: id,
+ hijo_id: hijo?.id
+ })
+ });
+
+ if (response.ok) {
+ Swal.fire({
+ icon: 'success',
+ title: '¡Rutina compartida!',
+ text: `Se ha enviado la información a ${email}`,
+ timer: 2000,
+ showConfirmButton: false
+ });
+ } else {
+ const errorData = await response.json();
+ throw new Error(errorData.msg || 'No se pudo compartir');
+ }
+ } catch (error) {
+ Swal.fire({
+ icon: 'error',
+ title: 'Hubo un problema',
+ text: error.message,
+ confirmButtonColor: 'var(--color-primario)'
+ });
+ }
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ setFoto(url)} />
+
+
+
+ setNombre(e.target.value)}
+ />
+ setApellidos(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Información Médica Especial
+ +
+
+
+
+ Intolerancias
+
+ {hasIntolerancia && (
+
+ )}
+
+ setHasIntolerancia(e.target.checked)} />
+
+
+
+
+
+ Alergias
+
+ {hasAlergia && (
+
+ )}
+
+ setHasAlergia(e.target.checked)} />
+
+
+
+
+
+ ¿Asmático/a?
+
+ {hasAsma && (
+
+ )}
+
+ setHasAsma(e.target.checked)} />
+
+
+ Grupo Sanguíneo
+
+
+
+
+
+
+ {errores.detalles && CAMPO OBLIGATORIO}
+ Hitos de Desarrollo
+ +
+ ¿Ya gatea?
+
+
+
+ setGatea(e.target.checked)} />
+
+
+ ¿Va al baño solo/a?
+
+
+ setVaAlBano(e.target.checked)} />
+
+
+
+
+
+
+
+ navigate(-1)}
+ />
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/FamiliaRutina.jsx b/src/front/pages/FamiliaRutina.jsx
new file mode 100644
index 0000000000..dc1af696d3
--- /dev/null
+++ b/src/front/pages/FamiliaRutina.jsx
@@ -0,0 +1,224 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker';
+import { Dialog, DialogContent, DialogActions, DialogTitle, Button, Typography, TextField, MenuItem, Snackbar, Alert } from '@mui/material';
+import dayjs from 'dayjs';
+import 'dayjs/locale/es';
+import { HeaderApp4 } from "../components/HeaderApp4";
+
+const getCategoryIcon = (category) => {
+ switch (category) {
+ case 'milk': return ;
+ case 'sleep': return ;
+ case 'diaper': return ;
+ case 'medicine': return ;
+ case 'exercise': return ;
+ default: return ;
+ }
+};
+
+const getCategoryColor = (category) => {
+ switch (category) {
+ case 'milk': return '#4FC3F7';
+ case 'sleep': return '#7986CB';
+ case 'diaper': return '#FFB74D';
+ case 'medicine': return '#E57373';
+ case 'exercise': return '#81C784';
+ default: return 'var(--color-primario)';
+ }
+};
+
+export const FamiliaRutina = () => {
+ const navigate = useNavigate();
+ const { id } = useParams();
+ const apiUrl = import.meta.env.VITE_BACKEND_URL || "http://localhost:3001";
+
+ const [task, setTask] = useState("");
+ const [time, setTime] = useState(dayjs());
+ const [category, setCategory] = useState("");
+ const [list, setList] = useState([]);
+ const [snackbar, setSnackbar] = useState({ open: false, message: "", severity: "success" });
+ const [openTimeModal, setOpenTimeModal] = useState(false);
+ const [openEditModal, setOpenEditModal] = useState(false);
+ const [editingItem, setEditingItem] = useState(null);
+ const [errors, setErrors] = useState({ task: false, category: false });
+
+ useEffect(() => {
+ const token = localStorage.getItem("token");
+ if (id && token) {
+ fetch(`${apiUrl}/api/rutinas/${id}/actividades`, {
+ headers: { "Authorization": `Bearer ${token}` }
+ })
+ .then(res => res.json())
+ .then(data => {
+ if (Array.isArray(data)) {
+ setList(data.sort((a, b) => a.time.localeCompare(b.time)));
+ }
+ })
+ .catch(err => console.error(err));
+ }
+ }, [id, apiUrl]);
+
+ const handleAddTask = () => {
+ const newTaskError = task.trim() === "";
+ const newCategoryError = category === "";
+ setErrors({ task: newTaskError, category: newCategoryError });
+
+ if (!newTaskError && !newCategoryError) {
+ const token = localStorage.getItem("token");
+ const nuevaActividad = {
+ text: task,
+ time: time.format("HH:mm"),
+ category: category,
+ };
+
+ fetch(`${apiUrl}/api/rutinas/${id}/actividades`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${token}`
+ },
+ body: JSON.stringify(nuevaActividad)
+ })
+ .then(res => res.json())
+ .then(data => {
+ setList([...list, data].sort((a, b) => a.time.localeCompare(b.time)));
+ setTask("");
+ setCategory("");
+ setSnackbar({ open: true, message: "Actividad añadida", severity: "success" });
+ });
+ }
+ };
+
+ const handleOpenEdit = (item) => {
+ setEditingItem({ ...item, time: dayjs(`2024-01-01 ${item.time}`) });
+ setOpenEditModal(true);
+ };
+
+ const handleUpdateTask = () => {
+ const token = localStorage.getItem("token");
+ const updatedData = {
+ text: editingItem.text,
+ time: editingItem.time.format("HH:mm"),
+ category: editingItem.category
+ };
+
+ fetch(`${apiUrl}/api/actividades/${editingItem.id}`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${token}`
+ },
+ body: JSON.stringify(updatedData)
+ })
+ .then(res => res.json())
+ .then(data => {
+ setList(list.map(item => item.id === editingItem.id ? data : item).sort((a, b) => a.time.localeCompare(b.time)));
+ setOpenEditModal(false);
+ setSnackbar({ open: true, message: "Actualizado", severity: "info" });
+ });
+ };
+
+ return (
+
+
+
+
+
+ {rutina?.nombre}
+ + Seguimiento para: {hijo?.nombre} + +
+ {actividades.length === 0 ? (
+
+
+ {!esCuidador && (
+ No hay tareas en esta rutina.
+ ) : ( + actividades.map((item) => ( +
+
+ ))
+ )}
+
+
+
+ {getCategoryIcon(item.category)}
+
+
+
+ {item.text}
+ {item.time} hs - {item.category.toUpperCase()} +
+
+
+ )}
+
+ navigate("/rutinas", { replace: true })} />
+
+ setSnackbar({ ...snackbar, open: false })}>
+ {snackbar.message}
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Home.jsx b/src/front/pages/Home.jsx
index 341ed21768..955eccea86 100644
--- a/src/front/pages/Home.jsx
+++ b/src/front/pages/Home.jsx
@@ -1,52 +1,51 @@
-import React, { useEffect } from "react"
-import rigoImageUrl from "../assets/img/rigo-baby.jpg";
-import useGlobalReducer from "../hooks/useGlobalReducer.jsx";
+import React from "react";
+import { Link } from "react-router-dom";
+import { HeaderApp } from "../components/HeaderApp";
export const Home = () => {
-
- const { store, dispatch } = useGlobalReducer()
-
- const loadMessage = async () => {
- try {
- const backendUrl = import.meta.env.VITE_BACKEND_URL
-
- if (!backendUrl) throw new Error("VITE_BACKEND_URL is not defined in .env file")
-
- const response = await fetch(backendUrl + "/api/hello")
- const data = await response.json()
-
- if (response.ok) dispatch({ type: "set_hello", payload: data.message })
-
- return data
-
- } catch (error) {
- if (error.message) throw new Error(
- `Could not fetch the message from the backend.
- Please check if the backend is running and the backend port is public.`
- );
- }
-
- }
-
- useEffect(() => {
- loadMessage()
- }, [])
-
- return (
-
+
+
+
+
+
+
+
+ setTask(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+ {list.length === 0 ? (
+
+
+
+
+ ) : (
+ list.map((item) => (
+ Sin actividades aún
+
+
+ ))
+ )}
+
+
+
+ {getCategoryIcon(item.category)}
+
+
+
+
+ {item.text}
+ {item.time} +
-
- );
-};
\ No newline at end of file
+ const btnStyle = {
+ backgroundColor: "var(--color-fondoBotones)",
+ borderRadius: "15px",
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ border: "none",
+ padding: "1.5rem",
+ transition: "all 0.2s ease"
+ };
+
+ const iconStyle = { fontSize: "1.5rem", color: "var(--color-primario)" };
+
+ return (
+ Hello Rigo!!
-
-
-
- {store.message ? (
- {store.message}
- ) : (
-
- Loading message from the backend (make sure your python 🐍 backend is running)...
-
- )}
-
-
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Layout.jsx b/src/front/pages/Layout.jsx
index 9bfa31325c..a53d7ec034 100644
--- a/src/front/pages/Layout.jsx
+++ b/src/front/pages/Layout.jsx
@@ -3,13 +3,22 @@ import ScrollToTop from "../components/ScrollToTop"
import { Navbar } from "../components/Navbar"
import { Footer } from "../components/Footer"
-// Base component that maintains the navbar and footer throughout the page and the scroll to top functionality.
export const Layout = () => {
return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Menupadre.jsx b/src/front/pages/Menupadre.jsx
new file mode 100644
index 0000000000..19a304276f
--- /dev/null
+++ b/src/front/pages/Menupadre.jsx
@@ -0,0 +1,104 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import { Cardhijo } from "../components/Cardhijo.jsx";
+import { Carduser } from "../components/Carduser.jsx";
+import { Cardautorizado } from "../components/Cardautorizado.jsx";
+import { HeaderApp2 } from "../components/HeaderApp2.jsx";
+
+export const Menupadre = () => {
+ const { store, actions } = useGlobalReducer();
+ const [activeTab, setActiveTab] = useState("hijos");
+
+ useEffect(() => {
+ actions.loadParentData();
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Registro.jsx b/src/front/pages/Registro.jsx
new file mode 100644
index 0000000000..b2f03f89a7
--- /dev/null
+++ b/src/front/pages/Registro.jsx
@@ -0,0 +1,190 @@
+import React, { useState } from "react";
+import logoApp from "../assets/Logo Baby Zzync 1.png";
+import { Link, useNavigate } from "react-router-dom";
+import Cloudinary from "../components/Cloudinary";
+import GoogleInput from "../components/GoogleInput";
+
+export const Registro = () => {
+ const navigate = useNavigate();
+ const [showPassword, setShowPassword] = useState(false);
+ const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+ const [validated, setValidated] = useState(false);
+
+ const [formData, setFormData] = useState({
+ email: "", password: "", confirmPassword: "", nombre: "", apellidos: "",
+ edad: "", direccionHogar: "", direccionTrabajo: "", prefijo: "+34",
+ telefono: "", fotoPerfil: ""
+ });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ if (name === "telefono") {
+ const onlyNums = value.replace(/[^0-9]/g, "");
+ setFormData({ ...formData, [name]: onlyNums });
+ } else {
+ setFormData({ ...formData, [name]: value });
+ }
+ };
+
+ const handleImageUploaded = (url) => setFormData({ ...formData, fotoPerfil: url });
+
+ const handleHogarSelect = (place) => {
+ setFormData({ ...formData, direccionHogar: place.formatted_address });
+ };
+
+ const handleTrabajoSelect = (place) => {
+ setFormData({ ...formData, direccionTrabajo: place.formatted_address });
+ };
+
+ const passwordsMatch = formData.password === formData.confirmPassword;
+ const showMatchError = formData.confirmPassword.length > 0 && !passwordsMatch;
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setValidated(true);
+
+ if (!formData.fotoPerfil) return;
+
+ if (!passwordsMatch) {
+ alert("Las contraseñas no coinciden");
+ return;
+ }
+
+ const dataToSend = {
+ ...formData,
+ telefonoCompleto: `${formData.prefijo} ${formData.telefono}`
+ };
+
+ try {
+ const response = await fetch(`${import.meta.env.VITE_BACKEND_URL}/api/registro`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify(dataToSend),
+ });
+
+ if (response.ok) {
+ navigate("/");
+ } else {
+ const data = await response.json();
+ alert(data.msg || "Error al registrar la cuenta");
+ }
+ } catch (error) {
+ console.error("Error:", error);
+ alert("Error de conexión con el servidor");
+ }
+ };
+
+ return (
+
+
+ -
+
- + + +
- + + +
+
+ {activeTab === "hijos" && (
+
+
+
+ {store.hijos && store.hijos.length > 0 ? (
+ store.hijos.map(hijo => (
+
+ )}
+
+ {activeTab === "autorizados" && (
+
+
+
+ )}
+ No hay hijos registrados.
+
+ {store.autorizados && store.autorizados.length > 0 ? (
+ store.autorizados.map(auth => (
+
+ )}
+
+
+
+ )}
+ No hay personas autorizadas.
+
+ {activeTab === "hijos" ? (
+
+
+
+ ) : (
+
+
+
+ )}
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Rutinas.jsx b/src/front/pages/Rutinas.jsx
new file mode 100644
index 0000000000..7cb0c386b7
--- /dev/null
+++ b/src/front/pages/Rutinas.jsx
@@ -0,0 +1,235 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useLocation } from "react-router-dom";
+import Swal from "sweetalert2";
+import { HeaderApp4 } from "../components/HeaderApp4";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+
+export const Rutinas = () => {
+ const { store } = useGlobalReducer();
+ const navigate = useNavigate();
+ const location = useLocation();
+ const [rutinas, setRutinas] = useState([]);
+ const [activeRutinaId, setActiveRutinaId] = useState(null);
+
+ const [showModal, setShowModal] = useState(false);
+ const [selectedRutina, setSelectedRutina] = useState(null);
+ const [selectedHijos, setSelectedHijos] = useState([]);
+
+ const apiUrl = import.meta.env.VITE_BACKEND_URL || "http://localhost:3001";
+ const hijoSeleccionado = location.state?.hijo;
+
+ const handleBack = () => {
+ navigate(-1);
+ };
+
+ useEffect(() => {
+ const token = localStorage.getItem("token");
+ if (!token) {
+ navigate("/");
+ return;
+ }
+
+ fetch(`${apiUrl}/api/rutinas`, {
+ method: "GET",
+ headers: { "Authorization": `Bearer ${token}` }
+ })
+ .then(res => {
+ if (res.status === 401) {
+ localStorage.removeItem("token");
+ navigate("/");
+ return;
+ }
+ return res.json();
+ })
+ .then(data => { if (data) setRutinas(data); })
+ .catch(err => console.error(err));
+ }, [navigate, apiUrl]);
+
+ const toggleMenu = (id) => {
+ setActiveRutinaId(activeRutinaId === id ? null : id);
+ };
+
+ const handleDelete = (id) => {
+ Swal.fire({
+ title: "¿DESEAS ELIMINAR ESTA CARD?",
+ icon: "warning",
+ showCancelButton: true,
+ confirmButtonColor: "#d33",
+ cancelButtonColor: "#3085d6",
+ confirmButtonText: "SÍ",
+ cancelButtonText: "NO",
+ customClass: { popup: 'my-custom-popup' }
+ }).then((result) => {
+ if (result.isConfirmed) {
+ const token = localStorage.getItem("token");
+ fetch(`${apiUrl}/api/rutinas/${id}`, {
+ method: "DELETE",
+ headers: { "Authorization": `Bearer ${token}` }
+ })
+ .then(res => {
+ if(res.ok) {
+ setRutinas(rutinas.filter(rutina => rutina.id !== id));
+ Swal.fire({ title: "¡Eliminado!", icon: "success", timer: 1500, showConfirmButton: false });
+ }
+ })
+ .catch(err => console.error("Error borrando:", err));
+ }
+ });
+ };
+
+ const openAsignarModal = (rutina) => {
+ setSelectedRutina(rutina);
+ setSelectedHijos([]);
+ setShowModal(true);
+ };
+
+ const handleCheckboxChange = (hijoId) => {
+ setSelectedHijos(prev =>
+ prev.includes(hijoId)
+ ? prev.filter(id => id !== hijoId)
+ : [...prev, hijoId]
+ );
+ };
+
+ const handleGuardarAsignacion = () => {
+ const token = localStorage.getItem("token");
+ if (selectedHijos.length === 0) {
+ Swal.fire("Atención", "Selecciona al menos un hijo", "info");
+ return;
+ }
+
+ fetch(`${apiUrl}/api/asignar-rutina`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${token}`
+ },
+ body: JSON.stringify({
+ rutina_id: selectedRutina.id,
+ hijo_ids: selectedHijos
+ })
+ })
+ .then(res => {
+ if (res.ok) {
+ setShowModal(false);
+ Swal.fire({ title: "¡Listo!", text: "Asignación guardada correctamente", icon: "success", timer: 1500, showConfirmButton: false });
+ } else {
+ Swal.fire("Error", "No se pudo realizar la asignación", "error");
+ }
+ })
+ .catch(err => console.error(err));
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/VistaCuidador.jsx b/src/front/pages/VistaCuidador.jsx
new file mode 100644
index 0000000000..aa3c158b78
--- /dev/null
+++ b/src/front/pages/VistaCuidador.jsx
@@ -0,0 +1,151 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import { HeaderApp } from "../components/HeaderApp";
+import Swal from "sweetalert2";
+
+export const VistaCuidador = () => {
+ const { actions } = useGlobalReducer();
+ const navigate = useNavigate();
+ const [rutinasAsignadas, setRutinasAsignadas] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const apiUrl = import.meta.env.VITE_BACKEND_URL || "http://localhost:3001";
+
+ const fetchRutinasCompartidas = async () => {
+ try {
+ const token = localStorage.getItem("token");
+ const response = await fetch(`${apiUrl}/api/cuidador/rutinas`, {
+ headers: {
+ "Authorization": `Bearer ${token}`,
+ "Content-Type": "application/json"
+ }
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+ setRutinasAsignadas(data);
+ }
+ } catch (error) {
+ console.error("Error al obtener rutinas:", error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchRutinasCompartidas();
+ }, [apiUrl]);
+
+ const handleEliminarRutina = async (idAsignacion) => {
+ const result = await Swal.fire({
+ title: "¿Estás seguro?",
+ text: "Esta rutina dejará de aparecer en tu lista de cuidador.",
+ icon: "warning",
+ showCancelButton: true,
+ confirmButtonColor: "var(--color-primario)",
+ cancelButtonColor: "#d33",
+ confirmButtonText: "Sí, eliminar",
+ cancelButtonText: "Cancelar",
+ borderRadius: "15px",
+ });
+
+ if (result.isConfirmed) {
+ const success = await actions.deleteRutinaCompartida(idAsignacion);
+
+ if (success) {
+ setRutinasAsignadas(prev => prev.filter(item => item.id !== idAsignacion));
+ Swal.fire({
+ title: "¡Eliminado!",
+ text: "La rutina ha sido quitada de tu vista.",
+ icon: "success",
+ confirmButtonColor: "var(--color-primario)",
+ timer: 2000
+ });
+ } else {
+ Swal.fire({
+ title: "Error",
+ text: "No se pudo eliminar la rutina. Inténtalo de nuevo.",
+ icon: "error",
+ confirmButtonColor: "var(--color-primario)"
+ });
+ }
+ }
+ };
+
+ return (
+
+
+
+ {showModal && (
+
+
+
+ RUTINAS
+
+ {rutinas.length === 0 ? (
+
+
+ No tienes rutinas creadas.
+ ) : ( + rutinas.map((rutina) => ( +
+
+ ))
+ )}
+ toggleMenu(rutina.id)}
+ >
+
+
+ {activeRutinaId === rutina.id && (
+
+
+ {rutina.nombre}
+{rutina.detalles}
+
+
+
+
+
+ )}
+
+
+
+
+
+ )}
+
+
+
+
+
+
+ + Asignar: {selectedRutina?.nombre} +
+ +
+
+ Selecciona a los hijos para esta rutina:
+
+ {store.hijos && store.hijos.length > 0 ? (
+ store.hijos.map(hijo => (
+
+
+ handleCheckboxChange(hijo.id)}
+ />
+ {hijo.nombre} {hijo.apellido}
+
+ ))
+ ) : (
+ No hay hijos registrados.
+ )} +
+
+
+
+ navigate("/home")}
+ />
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/routes.jsx b/src/front/routes.jsx
index 0557df6141..2ffbc65035 100644
--- a/src/front/routes.jsx
+++ b/src/front/routes.jsx
@@ -1,5 +1,3 @@
-// Import necessary components and functions from react-router-dom.
-
import {
createBrowserRouter,
createRoutesFromElements,
@@ -9,22 +7,44 @@ import { Layout } from "./pages/Layout";
import { Home } from "./pages/Home";
import { Single } from "./pages/Single";
import { Demo } from "./pages/Demo";
+import { Registro } from "./pages/Registro";
+import { Login } from "./pages/Login";
+import { FamiliaRutina } from "./pages/FamiliaRutina";
+import { Menupadre } from "./pages/Menupadre";
+import { Addhijo } from "./pages/Addhijo.jsx";
+import { AddAutorizado } from "./pages/AddAutorizado.jsx";
+import ProtectedRoute from "./components/ProtectedRoute";
+import { AsignarRutina } from "./pages/AsignarRutina.jsx";
+import { Rutinas } from "./pages/Rutinas.jsx";
+import { CrearRutina } from "./pages/CrearRutina.jsx";
+import { DetalleRutinaHijo } from "./pages/DetalleRutinaHijo.jsx";
+import { VistaCuidador } from "./pages/VistaCuidador.jsx";
export const router = createBrowserRouter(
createRoutesFromElements(
- // CreateRoutesFromElements function allows you to build route elements declaratively.
- // Create your routes here, if you want to keep the Navbar and Footer in all views, add your new routes inside the containing Route.
- // Root, on the contrary, create a sister Route, if you have doubts, try it!
- // Note: keep in mind that errorElement will be the default page when you don't get a route, customize that page to make your project more attractive.
- // Note: The child paths of the Layout element replace the Outlet component with the elements contained in the "element" attribute of these child paths.
-
- // Root Route: All navigation will start from here.
+
+
+
+
+
+ Área del Cuidador
+Rutinas compartidas contigo
+
+ {loading ? (
+
+
+
+
+ ) : rutinasAsignadas.length === 0 ? (
+ Cargando rutinas...
+
+
+
+ ) : (
+ rutinasAsignadas.map((item) => (
+ No tienes rutinas asignadas todavía.
+
+
+ ))
+ )}
+
+
+
+ {item.hijo.fotoUrl ? (
+ 
+ ) : (
+
+ )}
+
+
+
+
+ {item.rutina.nombre}
++ {item.hijo.nombre} {item.hijo.apellido} +
+
+
+
+
+