Gallardo7761/huertos-bellavista-web
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Ongoing adaptation to new backend structure

Browse Source
This commit is contained in:
Jose
2026-01-25 23:43:25 +01:00
parent 5f5d54d642
commit 59efb7d81f
31 changed files with 505 additions and 514 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/Solicitudes/SolicitudCard.jsx
View File

@@ -35,15 +35,15 @@ const getPFP = (tipo) => {
};
const renderDescripcionSolicitud = (data, onProfile) => {
const { request_type, request_status, requested_by_name, pre_display_name } = data;
const { type, status, requestedByName, preDisplayName } = data;
switch (request_type) {
switch (type) {
case 0:
if (requested_by_name) {
return `${requested_by_name} quiere darse de alta.`;
} else if (request_status !== 1 && pre_display_name) {
return `${pre_display_name} quiere darse de alta.`;
} else if (request_status !== 1) {
if (requestedByName) {
return `${requestedByName} quiere darse de alta.`;
} else if (status !== 1 && preDisplayName) {
return `${preDisplayName} quiere darse de alta.`;
} else if (status !== 1) {
return `Alguien quiere darse de alta.`;
} else {
return `Se ha aceptado esta solicitud de alta.`;
@@ -52,30 +52,30 @@ const renderDescripcionSolicitud = (data, onProfile) => {
case 1:
return onProfile
? "Has solicitado darte de baja."
: requested_by_name
? `${requested_by_name} quiere darse de baja.`
: request_status !== 1
: requestedByName
? `${requestedByName} quiere darse de baja.`
: status !== 1
? `Alguien quiere darse de baja.`
: `Se ha aceptado esta solicitud de baja.`;
case 2:
if (onProfile) {
switch (request_status) {
switch (status) {
case 0: return "Has solicitado añadir un colaborador.";
case 1: return "Tu solicitud de colaborador ha sido aceptada.";
case 2: return "Tu solicitud de colaborador ha sido rechazada.";
default: return "Solicitud de colaborador desconocida.";
}
} else {
switch (request_status) {
switch (status) {
case 0:
return requested_by_name
? `${requested_by_name} quiere añadir a ${pre_display_name || "un colaborador"} como colaborador.`
: `Alguien quiere añadir a ${pre_display_name || "un colaborador"} como colaborador.`;
return requestedByName
? `${requestedByName} quiere añadir a ${preDisplayName || "un colaborador"} como colaborador.`
: `Alguien quiere añadir a ${preDisplayName || "un colaborador"} como colaborador.`;
case 1:
return `La solicitud de colaborador de ${requested_by_name || "alguien"} ha sido aceptada.`;
return `La solicitud de colaborador de ${requestedByName || "alguien"} ha sido aceptada.`;
case 2:
return `La solicitud de colaborador de ${requested_by_name || "alguien"} ha sido rechazada.`;
return `La solicitud de colaborador de ${requestedByName || "alguien"} ha sido rechazada.`;
default:
return "Solicitud de colaborador desconocida.";
}
@@ -84,27 +84,27 @@ const renderDescripcionSolicitud = (data, onProfile) => {
case 3:
return onProfile
? "Has solicitado quitar tu colaborador."
: requested_by_name
? `${requested_by_name} quiere quitar su colaborador.`
: request_status !== 1
: requestedByName
? `${requestedByName} quiere quitar su colaborador.`
: status !== 1
? `Alguien quiere quitar su colaborador.`
: `Se ha aceptado esta solicitud de baja de colaborador.`;
case 4:
return onProfile
? "Has solicitado una parcela en el invernadero."
: requested_by_name
? `${requested_by_name} quiere una parcela en el invernadero.`
: request_status !== 1
: requestedByName
? `${requestedByName} quiere una parcela en el invernadero.`
: status !== 1
? `Alguien quiere una parcela en el invernadero.`
: `Se ha aceptado esta solicitud de parcela en el invernadero.`;
case 5:
return onProfile
? "Has solicitado dejar tu parcela del invernadero."
: requested_by_name
? `${requested_by_name} quiere dejar su parcela del invernadero.`
: request_status !== 1
: requestedByName
? `${requestedByName} quiere dejar su parcela del invernadero.`
: status !== 1
? `Alguien quiere dejar su parcela del invernadero.`
: `Se ha aceptado esta solicitud de salida del invernadero.`;
@@ -114,18 +114,18 @@ const renderDescripcionSolicitud = (data, onProfile) => {
};
const SolicitudCard = ({ data, onAccept, onReject, onDelete, editable = true, onProfile = false }) => {
const handleDelete = () => typeof onDelete === "function" && onDelete(data.request_id);
const handleDelete = () => typeof onDelete === "function" && onDelete(data.requestId);
return (
<MotionCard className="solicitud-card shadow-sm rounded-4 h-100">
<Card.Header className="rounded-top-4 d-flex justify-content-between align-items-center">
<div className="d-flex align-items-center">
<img src={getPFP(data.pre_type)} width="36" className="rounded me-3" alt="PFP" />
<img src={getPFP(data.preType)} width="36" className="rounded me-3" alt="PFP" />
<div>
<Card.Title className="mb-0">
Solicitud #{data.request_id} - {getTipoSolicitud(data.request_type)}
Solicitud #{data.requestId} - {getTipoSolicitud(data.type)}
</Card.Title>
<small className='state-small'>Estado: <strong>{getEstadoSolicitud(data.request_status)}</strong></small>
<small className='state-small'>Estado: <strong>{getEstadoSolicitud(data.status)}</strong></small>
</div>
</div>
@@ -147,7 +147,7 @@ const SolicitudCard = ({ data, onAccept, onReject, onDelete, editable = true, on
<ListGroup variant="flush" className="border rounded-3 mb-3">
<ListGroup.Item>
<FontAwesomeIcon icon={faCalendar} className="me-2" />
Fecha de solicitud: <strong>{parseDate(data.request_created_at)}</strong>
Fecha de solicitud: <strong>{parseDate(data.request_createdAt)}</strong>
</ListGroup.Item>
</ListGroup>
@@ -157,24 +157,24 @@ const SolicitudCard = ({ data, onAccept, onReject, onDelete, editable = true, on
</ListGroup.Item>
</ListGroup>
{data.pre_display_name && (
{data.preDisplayName && (
<>
<Card.Subtitle className="card-subtitle mt-3 mb-2">Datos del futuro socio</Card.Subtitle>
<ListGroup variant="flush" className="border rounded-3">
<ListGroup.Item><FontAwesomeIcon icon={faUser} className="me-2" />Nombre: <strong>{data.pre_display_name}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faIdCard} className="me-2" />DNI: <strong>{data.pre_dni}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faPhone} className="me-2" />Teléfono: <strong>{data.pre_phone}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faEnvelope} className="me-2" />Email: <strong>{data.pre_email}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faHome} className="me-2" />Dirección: <strong>{data.pre_address ?? 'NO'}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faMapMarkerAlt} className="me-2" />Ciudad: <strong>{data.pre_city ?? 'NO'} ({data.pre_zip_code ?? 'NO'})</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faHashtag} className="me-2" />Nº socio: <strong>{data.pre_member_number ?? 'NO'}</strong> | Nº huerto: <strong>{data.pre_plot_number ?? 'NO'}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faSeedling} className="me-2" />Tipo: <strong>{['Lista de Espera', 'Hortelano', 'Hortelano + Invernadero', 'Colaborador'][data.pre_type]}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faUserShield} className="me-2" />Rol: <strong>{['Usuario', 'Admin', 'Desarrollador'][data.pre_role]}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faUser} className="me-2" />Nombre: <strong>{data.preDisplayName}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faIdCard} className="me-2" />DNI: <strong>{data.preDni}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faPhone} className="me-2" />Teléfono: <strong>{data.prePhone}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faEnvelope} className="me-2" />Email: <strong>{data.preEmail}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faHome} className="me-2" />Dirección: <strong>{data.preAddress ?? 'NO'}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faMapMarkerAlt} className="me-2" />Ciudad: <strong>{data.preCity ?? 'NO'} ({data.preZipCode ?? 'NO'})</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faHashtag} className="me-2" />Nº socio: <strong>{data.preMemberNumber ?? 'NO'}</strong> | Nº huerto: <strong>{data.prePlotNumber ?? 'NO'}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faSeedling} className="me-2" />Tipo: <strong>{['Lista de Espera', 'Hortelano', 'Hortelano + Invernadero', 'Colaborador'][data.preType]}</strong></ListGroup.Item>
<ListGroup.Item><FontAwesomeIcon icon={faUserShield} className="me-2" />Rol: <strong>{['Usuario', 'Admin', 'Desarrollador'][data.preRole]}</strong></ListGroup.Item>
</ListGroup>
</>
)}
{editable && data.request_status === 0 && (
{editable && data.status === 0 && (
<div className="d-flex justify-content-end gap-2 mt-3">
<Button variant="danger" size="sm" onClick={() => onReject?.(data)}>Rechazar</Button>
<Button variant="success" size="sm" onClick={() => onAccept?.(data)}>Aceptar</Button>