diff --git a/diplomas/src/components/formularios/CursosManual.jsx b/diplomas/src/components/formularios/CursosManual.jsx deleted file mode 100644 index 5c34fd9..0000000 --- a/diplomas/src/components/formularios/CursosManual.jsx +++ /dev/null @@ -1,49 +0,0 @@ -import React, { useState } from "react"; - -const CursosManual = () => { - const [nombre, setNombre] = useState(""); - const [descripcion, setDescripcion] = useState(""); - const [competencia, setCompetencia] = useState(""); - const manejarGuardar = () => { - // Lógica para guardar el curso - console.log({ nombre, descripcion, competencia }); - }; - - return ( - <div className="p-8 font-sans text-center"> - <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 - type="text" - placeholder="Nombre del curso" - value={nombre} - onChange={(e) => setNombre(e.target.value)} - className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3" - /> - <textarea - placeholder="Descripción" - value={descripcion} - onChange={(e) => setDescripcion(e.target.value)} - className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3 h-24" - /> - <select - value={competencia} - onChange={(e) => setCompetencia(e.target.value)} - className="w-full px-3 py-2 border border-gray-300 rounded-md mb-4" - > - <option value="">Competencia</option> - <option value="competencia1">Competencia 1</option> - <option value="competencia2">Competencia 2</option> - </select> - <button - onClick={manejarGuardar} - className="bg-green-400 hover:bg-green-500 text-white font-bold py-2 px-4 rounded-md" - > - Guardar - </button> - </div> - </div> - ); -}; - -export default CursosManual; diff --git a/diplomas/src/components/formularios/CursosArchivo.jsx b/diplomas/src/pages/cursosArchivo.jsx similarity index 100% rename from diplomas/src/components/formularios/CursosArchivo.jsx rename to diplomas/src/pages/cursosArchivo.jsx diff --git a/diplomas/src/pages/cursosManual.jsx b/diplomas/src/pages/cursosManual.jsx index 71d9a15..5c34fd9 100644 --- a/diplomas/src/pages/cursosManual.jsx +++ b/diplomas/src/pages/cursosManual.jsx @@ -1,14 +1,3 @@ -import Layout from "@/components/layout/Layout"; -import { Button } from "@/components/ui/button"; -import { Input } from "@/components/ui/input"; -import { - Select, - SelectTrigger, - SelectContent, - SelectItem, - SelectValue, -} from "@/components/ui/select"; -import { Textarea } from "@/components/ui/textarea"; import React, { useState } from "react"; const CursosManual = () => { @@ -16,45 +5,44 @@ const CursosManual = () => { const [descripcion, setDescripcion] = useState(""); const [competencia, setCompetencia] = useState(""); const manejarGuardar = () => { + // Lógica para guardar el curso console.log({ nombre, descripcion, competencia }); }; return ( - <Layout> - <div className="w-[60vw] pt-10 flex flex-col items-end justify-center"> - <div className="bg-white p-8 font-sans text-center w-[70%]"> - <h1 className="text-xl font-semibold mb-4 text-black">Nuevo curso</h1> - <Input - type="text" - placeholder="Nombre del curso" - value={nombre} - onChange={(e) => setNombre(e.target.value)} - className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3" - /> - <Textarea - placeholder="Descripción" - value={descripcion} - onChange={(e) => setDescripcion(e.target.value)} - className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3 h-24" - /> - <Select onValueChange={(value) => setCompetencia(value)}> - <SelectTrigger className="w-full px-3 py-2 border border-gray-300 rounded-md mb-4"> - <SelectValue placeholder="Competencia" /> - </SelectTrigger> - <SelectContent> - <SelectItem value="competencia1">Competencia 1</SelectItem> - <SelectItem value="competencia2">Competencia 2</SelectItem> - </SelectContent> - </Select> - <Button - onClick={manejarGuardar} - className="bg-green-400 hover:bg-green-500 text-white font-bold py-2 px-4 rounded-md" - > - Guardar - </Button> - </div> + <div className="p-8 font-sans text-center"> + <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 + type="text" + placeholder="Nombre del curso" + value={nombre} + onChange={(e) => setNombre(e.target.value)} + className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3" + /> + <textarea + placeholder="Descripción" + value={descripcion} + onChange={(e) => setDescripcion(e.target.value)} + className="w-full px-3 py-2 border border-gray-300 rounded-md mb-3 h-24" + /> + <select + value={competencia} + onChange={(e) => setCompetencia(e.target.value)} + className="w-full px-3 py-2 border border-gray-300 rounded-md mb-4" + > + <option value="">Competencia</option> + <option value="competencia1">Competencia 1</option> + <option value="competencia2">Competencia 2</option> + </select> + <button + onClick={manejarGuardar} + className="bg-green-400 hover:bg-green-500 text-white font-bold py-2 px-4 rounded-md" + > + Guardar + </button> </div> - </Layout> + </div> ); };