38 lines
1.1 KiB
React
38 lines
1.1 KiB
React
|
import React, { useState } from 'react';
|
||
|
|
import api from '../../api/axiosConfig';
|
||
|
|
|
||
|
|
const TeacherForm = ({ userId, onFinish }) => {
|
||
|
|
const [teacherData, setTeacherData] = useState({
|
||
|
|
userId: userId,
|
||
|
|
discipline: ''
|
||
|
|
});
|
||
|
|
|
||
|
|
const handleChange = (e) => {
|
||
|
|
setTeacherData({ ...teacherData, [e.target.name]: e.target.value });
|
||
|
|
};
|
||
|
|
|
||
|
|
const handleSubmit = async (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
try {
|
||
|
|
await api.post('/teachers/create', teacherData);
|
||
|
|
alert('✅ Profesor creado correctamente');
|
||
|
|
onFinish();
|
||
|
|
} catch (err) {
|
||
|
|
console.error(err);
|
||
|
|
alert('❌ Error al crear profesor');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="card" style={{ marginTop: '20px' }}>
|
||
|
|
<h3>Datos de Profesor</h3>
|
||
|
|
<form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
|
||
|
|
<input type="text" name="discipline" placeholder="Disciplina" value={teacherData.discipline} onChange={handleChange} required />
|
||
|
|
<button type="submit">Guardar Profesor</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TeacherForm;
|