fixing teacher manage student

src/roles/teacher/manage_students/hooks/useStudents.jsx

@@ -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,22 +191,23 @@ const useStudents = () => {
     }, [page, limit]);
 
 
-    const handleDownloadTemplate = async () => {try {
+    const handleDownloadTemplate = async () => {
-        const response = await studentService.getTemplate();
+        try {
-  
+            const response = await studentService.getTemplate();
-        const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+    
-        const downloadUrl = URL.createObjectURL(blob);
+            const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-  
+            const downloadUrl = URL.createObjectURL(blob);
-        const link = document.createElement('a');
+    
-        link.href = downloadUrl;
+            const link = document.createElement('a');
-        link.download = 'template.xls';
+            link.href = downloadUrl;
-        link.click();
+            link.download = 'template.xlsx';
-  
+            link.click();
-        URL.revokeObjectURL(downloadUrl);
+    
-    } catch (error) {
+            URL.revokeObjectURL(downloadUrl);
-        console.error('Error downloading file:', error);
+        } catch (error) {
-        alert('Gagal mengunduh file');
+            console.error('Error downloading file:', error);
-    }
+            alert('Gagal mengunduh file');
+        }
     }
 
     return { 

src/roles/teacher/manage_students/views/ManageStudents.jsx

@@ -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">