feat: add CursosArchivo and CursosManual components for course management
This commit is contained in:
parent
e70c98d973
commit
405852fd4a
diplomas/src/components/formularios
|
@ -0,0 +1,9 @@
|
||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
function CursosArchivo() {
|
||||||
|
return (
|
||||||
|
<div>CursosArchivo</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default CursosArchivo
|
|
@ -1,11 +1,6 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
|
|
||||||
const Cursos = () => {
|
const CursosManual = () => {
|
||||||
const [modoManual, setModoManual] = useState(true);
|
|
||||||
const [nombre, setNombre] = useState('');
|
|
||||||
const [descripcion, setDescripcion] = useState('');
|
|
||||||
const [competencia, setCompetencia] = useState('');
|
|
||||||
|
|
||||||
const manejarGuardar = () => {
|
const manejarGuardar = () => {
|
||||||
// Lógica para guardar el curso
|
// Lógica para guardar el curso
|
||||||
console.log({ nombre, descripcion, competencia });
|
console.log({ nombre, descripcion, competencia });
|
||||||
|
@ -13,26 +8,9 @@ const Cursos = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-8 font-sans text-center">
|
<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">
|
<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>
|
<h2 className="text-xl font-semibold mb-4">Nuevo curso</h2>
|
||||||
<input
|
<input
|
||||||
|
@ -64,9 +42,8 @@ const Cursos = () => {
|
||||||
Guardar
|
Guardar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Cursos;
|
export default CursosManual;
|
Loading…
Reference in New Issue