feat: add CursosArchivo and CursosManual components for course management

This commit is contained in:
RictalLime 2025-04-23 08:47:22 -06:00
parent e70c98d973
commit 405852fd4a
2 changed files with 13 additions and 27 deletions
diplomas/src/components/formularios

View File

@ -0,0 +1,9 @@
import React from 'react'
function CursosArchivo() {
return (
<div>CursosArchivo</div>
)
}
export default CursosArchivo

View File

@ -1,11 +1,6 @@
import React, { useState } from 'react';
const Cursos = () => {
const [modoManual, setModoManual] = useState(true);
const [nombre, setNombre] = useState('');
const [descripcion, setDescripcion] = useState('');
const [competencia, setCompetencia] = useState('');
const CursosManual = () => {
const manejarGuardar = () => {
// Lógica para guardar el curso
console.log({ nombre, descripcion, competencia });
@ -13,26 +8,9 @@ const Cursos = () => {
return (
<div className="p-8 font-sans text-center">
<div className="mb-6">
<button
onClick={() => setModoManual(true)}
className={`px-4 py-2 rounded-md mr-2 ${
modoManual ? 'bg-blue-300' : 'bg-gray-300'
}`}
>
Añadir curso manualmente
</button>
<button
onClick={() => setModoManual(false)}
className={`px-4 py-2 rounded-md ${
!modoManual ? 'bg-blue-300' : 'bg-gray-300'
}`}
>
Añadir curso desde archivo
</button>
</div>
{modoManual && (
<div className="max-w-md mx-auto bg-white p-6 rounded-md shadow">
<h2 className="text-xl font-semibold mb-4">Nuevo curso</h2>
<input
@ -64,9 +42,8 @@ const Cursos = () => {
Guardar
</button>
</div>
)}
</div>
);
};
export default Cursos;
export default CursosManual;