Feat : async data chart

src/_screens/home/detail-room-education/index.js

@@ -208,18 +208,30 @@ export default function DetailRoomEducation() {
   }
 
   useEffect(() => {
-    getDataStatisticCircle()
+    const fetchData = async () => {
-    getListOrganization()
+      await getDataStatisticCircle();
-  }, [])
+      await getListOrganization();
+    };
+    
+    fetchData();
+  }, []);
 
   useEffect(() => {
-    getDataStudentChart()
+    const fetchStudentData = async () => {
-  }, [dateStudentChart])
+      await getDataStudentChart();
+    };
+
+    fetchStudentData();
+  }, [dateStudentChart]);
 
   useEffect(() => {
-    getDataTeacherChart()
+    const fetchTeacherData = async () => {
-  }, [dateTeacherChart])
+      await getDataTeacherChart();
+    };
 
+    fetchTeacherData();
+  }, [dateTeacherChart]);
+  
   useEffect(() => {
     if (isLoadingListOrganization || isLoadingStatisticCircle || isLoadingStudentChart || isLoadingTeacherChart) {
       $(".loading").removeClass("hide");
@@ -461,7 +473,7 @@ export default function DetailRoomEducation() {
                       <div className="detail-room-education-item" key={index} onClick={() => goToDetailSchool(item)}>
                         <div className="detail-room-education-item-content">
                           <div className="detail-room-education-avatar">
-                            <img src={configConstants.BASE_URL + item?.avatar} />
+                            <img src={item?.avatar ? configConstants.BASE_URL + item?.avatar : "/assets/imgs/avatar_school.png"} />
                           </div>
                           <div className="detail-room-education-detail">
                             <div className="detail-room-education-info">

src/_screens/home/education-department/index.js

@@ -95,18 +95,30 @@ export default function EducationDepartmentHome() {
     });
   }
 
-  useEffect(async () => {
+  useEffect(() => {
-    await getDataOrganization()
+    const fetchData = async () => {
-    await getDataStatisticCircle()
+      await getDataOrganization();
-  }, [])
+      await getDataStatisticCircle();
+    };
+    
+    fetchData();
+  }, []);
+
+  useEffect(() => {
+    const fetchStudentData = async () => {
+      await getDataStudentChart();
+    };
 
-  useEffect(async () => {
+    fetchStudentData();
-    await getDataStudentChart()
+  }, [dateStudentChart]);
-  }, [dateStudentChart])
+
+  useEffect(() => {
+    const fetchTeacherData = async () => {
+      await getDataTeacherChart();
+    };
 
-  useEffect(async () => {
+    fetchTeacherData();
-    await getDataTeacherChart()
+  }, [dateTeacherChart]);
-  }, [dateTeacherChart])
 
   const getDataTeacher = async () => {
     try {