fixing teacher manage student
This commit is contained in:
parent
866b542e12
commit
df69cd3467
|
|
@ -22,6 +22,7 @@ const useStudents = () => {
|
|||
const [loaderState, setLoaderState] = useState({ loading: false, successMessage: '', title: '', description: '', confirmAction: false });
|
||||
|
||||
const resetForm = () =>{
|
||||
setFileImport(null);
|
||||
setFormData({
|
||||
fullName: '',
|
||||
nisn: '',
|
||||
|
|
@ -41,15 +42,19 @@ const useStudents = () => {
|
|||
};
|
||||
const createdStudent = await studentService.createData(newStudent);
|
||||
setStudents((prevStudents) => [...prevStudents, createdStudent.payload]);
|
||||
} catch (err) {
|
||||
setError(err);
|
||||
}finally{
|
||||
resetForm();
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
loading: false,
|
||||
successMessage: 'Your new entry has been successfully created and saved.'
|
||||
}));
|
||||
} catch (err) {
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
title: "ERROR",
|
||||
loading: false,
|
||||
successMessage: err.response.data.message
|
||||
}));
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -60,16 +65,19 @@ const useStudents = () => {
|
|||
console.log(file);
|
||||
try {
|
||||
const response = await studentService.registerImport(fileData);
|
||||
console.log(response.data);
|
||||
} catch (err) {
|
||||
setError(err);
|
||||
}finally{
|
||||
resetForm();
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
loading: false,
|
||||
successMessage: 'Your new entry has been successfully created and saved.'
|
||||
}));
|
||||
resetForm();
|
||||
} catch (err) {
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
title: "ERROR",
|
||||
loading: false,
|
||||
successMessage: err.response.data.message
|
||||
}));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -83,14 +91,18 @@ const useStudents = () => {
|
|||
setStudents((prevStudents) =>
|
||||
prevStudents.map((s) => (s.ID === id ? student.payload : s))
|
||||
);
|
||||
} catch (err) {
|
||||
setError(err);
|
||||
}finally{
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
loading: false,
|
||||
successMessage: 'Your data has been successfully updated.'
|
||||
}));
|
||||
} catch (err) {
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
title: "ERROR",
|
||||
loading: false,
|
||||
successMessage: err.response.data.message
|
||||
}));
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -98,15 +110,19 @@ const useStudents = () => {
|
|||
handleShowLoader('Deleted', '', true)
|
||||
try {
|
||||
await studentService.deleteData(id);
|
||||
} catch (err) {
|
||||
setError(err);
|
||||
}finally{
|
||||
setStudents((prevStudents) => prevStudents.filter((s) => s.ID !== id));
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
loading: false,
|
||||
successMessage: 'Your data has been successfully deleted.'
|
||||
}));
|
||||
} catch (err) {
|
||||
setLoaderState(prev => ({
|
||||
...prev,
|
||||
title: "ERROR",
|
||||
loading: false,
|
||||
successMessage: err.response.data.message
|
||||
}));
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -175,7 +191,8 @@ const useStudents = () => {
|
|||
}, [page, limit]);
|
||||
|
||||
|
||||
const handleDownloadTemplate = async () => {try {
|
||||
const handleDownloadTemplate = async () => {
|
||||
try {
|
||||
const response = await studentService.getTemplate();
|
||||
|
||||
const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
|
||||
|
|
@ -183,7 +200,7 @@ const useStudents = () => {
|
|||
|
||||
const link = document.createElement('a');
|
||||
link.href = downloadUrl;
|
||||
link.download = 'template.xls';
|
||||
link.download = 'template.xlsx';
|
||||
link.click();
|
||||
|
||||
URL.revokeObjectURL(downloadUrl);
|
||||
|
|
|
|||
|
|
@ -377,7 +377,7 @@ const ManageStudents = () => {
|
|||
onDragLeave={handleDragLeave}
|
||||
>
|
||||
<h5 className={`m-0 ${fileImport ? `text-green fs-3` : `text-grey`}`}>{fileImport ? fileImport.name : "Upload Excel file here"}</h5>
|
||||
<span className={`fs-14p ${fileImport ? `text-green` : `text-grey`}`}>{fileImport ? "Your file is ready to import" : "Please make sure your Excel file follows the template."}</span>
|
||||
<span className={`fs-14p ${fileImport ? `text-green` : `text-grey`}`}>{fileImport ? "Your file is ready to import" : "Please make sure your Excel file follows the template.(*.xlsx)"}</span>
|
||||
</label>
|
||||
</Row>
|
||||
<div className="d-flex justify-content-end">
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user