Modificaciones para poder levantar el proyecto, se documento una linea de codigo en tabla-servicio-social

This commit is contained in:
santiago
2025-10-31 19:43:24 +01:00
parent 1f1b7fb803
commit b6c809445f
8 changed files with 25 additions and 19 deletions
+1
View File
@@ -3,6 +3,7 @@ import Footer from "@/components/layout/footer";
import Header from "@/components/layout/header";
import Logout from "@/components/layout/logout";
import React from "react";
import "@/sass/bootstrap.scss"
console.log("Header", Header);
console.log("Footer", Footer);
+1 -1
View File
@@ -26,7 +26,7 @@ export default function Administrador() {
<Link href="/administrador/registros" className="me-3">
<button>Ver registros</button>
</Link>
<Link href="/administrador/casos_especiales">
<Link href="/administrador/casos_especiales" className="me-3">
<button>Ver casos Especiales</button>
</Link>
</div>
+2 -2
View File
@@ -12,9 +12,9 @@ export default function Responsables() {
}
return(
<section>
<section className="container px-2 pb-5">
<BotonRegresar />
<CargaMasiva datos={datos} />
<CargaMasiva datos={datos}/>
<TablaResponsables />
</section>
);
@@ -56,7 +56,7 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
return (
<div className="ph-5">
<h3 className="title"> Carga Masiva</h3>
<h2 className="card-title fw-bold"> Carga Masiva</h2>
<Form.Group className="mb-3">
<Form.Label>Archivo CSV</Form.Label>
@@ -83,17 +83,17 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
<div className="d-flex gap-2">
<Button
variant="info"
disabled={!csv}
onClick={enviarCargaMasiva}>
Enviar archivo
</Button>
<Button
variant="link"
href={link}
target="_blank"
rel="noopener noreferrer">
rel="noopener noreferrer"
className="bg-morado border-morado"
>
Descargar plantilla
</Button>
</div>
@@ -54,18 +54,18 @@ export default function TablaResponsables() {
};
return (
<main>
<h3>Tabla de responsables</h3>
<main className="pb-5 pt-5">
<h2 className="card-title fw-bold">Tabla de responsables</h2>
<section className="container-fluid mb-3">
<Row className="g-2">
<Row className="g-2 mt-3">
<Col>
<div className="d-flex align-items-center border rounded px-2">
<FaEnvelope className="me-2" />
<input
type="email"
placeholder="Correo"
className="form-control border-0"
className="form-control border-0 rounded-4"
value={correo}
onChange={(e) => setCorreo(e.target.value)}
/>
@@ -77,14 +77,14 @@ export default function TablaResponsables() {
<input
type="text"
placeholder="Nombre"
className="form-control border-0"
className="form-control border-0 rounded-4"
value={nombre}
onChange={(e) => setNombre(e.target.value)}
/>
</div>
</Col>
<Col>
<Button className="w-100" type="button" onClick={handleBuscar}>
<Button className="w-100 rounded-4" type="button" onClick={handleBuscar}>
Buscar
</Button>
</Col>
@@ -108,7 +108,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
<FormGroup>
<FormLabel>Número de Cuenta</FormLabel>
<InputGroup>
<InputGroup.Text>
<InputGroup.Text className="rounded-4">
<FaSchool />
</InputGroup.Text>
<FormControl
@@ -118,6 +118,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
value={search.numeroCuenta}
onChange={(e) => setSearch(prev => ({ ...prev, numeroCuenta: e.target.value }))}
onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
className="rounded-4"
/>
</InputGroup>
</FormGroup>
@@ -127,7 +128,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
<FormGroup>
<FormLabel>Nombre</FormLabel>
<InputGroup>
<InputGroup.Text>
<InputGroup.Text className="rounded-4">
<FaUser />
</InputGroup.Text>
<FormControl
@@ -136,6 +137,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
value={search.nombre}
onChange={(e) => setSearch(prev => ({ ...prev, nombre: e.target.value }))}
onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
className="rounded-4"
/>
</InputGroup>
</FormGroup>
@@ -145,12 +147,13 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
<FormGroup>
<FormLabel>Status</FormLabel>
<InputGroup>
<InputGroup.Text>
<InputGroup.Text className="rounded-4">
<FaInfoCircle />
</InputGroup.Text>
<FormSelect
value={search.idStatus}
onChange={(e) => setSearch(prev => ({ ...prev, idStatus: e.target.value }))}
className="rounded-4"
>
<option value="">Status</option>
{status.map((s) => (
@@ -162,7 +165,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
</Col>
<Col md={3} className="d-flex align-items-end">
<Button type="submit" className="w-100" disabled={isLoading}>
<Button type="submit" className="w-100 rounded-5" disabled={isLoading}>
{isLoading ? 'Buscando...' : 'Buscar'}
</Button>
</Col>
@@ -181,7 +184,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
onRowAction={(row, path) => {
try {
// Falta corregir este parte de codigo para poder subirlo
if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
//if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
router.push(`/responsable/${path}`);
} catch (e) {
console.error('Error al manejar acción de fila', e);
+1 -1
View File
@@ -14,7 +14,7 @@ const BotonRegresar: React.FC = () => {
return (
<div className="pb-5 pt-3">
<button onClick={handleGoBack}>Regresar</button>
<button onClick={handleGoBack} className="btn-outline-primary">Regresar</button>
</div>
)
}
+2
View File
@@ -2,6 +2,7 @@
$azul: #003d79;
$dorado: #bd8c01;
$morado: #714dd2;
$red-guapa: #9e1d15;
$blue-guapa: #3d6cb4;
@@ -23,6 +24,7 @@ $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI'
$custom-colors: (
'azul': $azul,
'dorado': $dorado,
'morado': $morado,
'red-guapa': $red-guapa,
'blue-guapa': $blue-guapa,
'yellow-guapa': $yellow-guapa,