Refactir getSelectedTabData to use switch case

src/screens/Classroom/index.js

@@ -31,19 +31,39 @@ function Classroom() {
     });
   }, [fetchClassroomAnnouncements, fetchUpcomingAssignments, params.id]);
 
+  const fetchAndPopulateAssignmentsTabData = useCallback(async () => {
+    console.log('Fetch assignments');
+  }, []);
+
+  const fetchAndPopulatePoepleTabData = useCallback(async () => {
+    console.log('Fetch assignments');
+  }, []);
+
   useEffect(() => {
     async function getSelectedTabData() {
       setTabData(null);
-      if (selectedTabOption === 0) {
+      switch (selectedTabOption) {
-        fetchAndPopulateAnnouncementsTabData();
+        case TAB_OPTIONS.announcements.value:
-      } else if (selectedTabOption === 1) {
+          fetchAndPopulateAnnouncementsTabData();
-        console.log('Fetch assignments');
+          break;
-      } else if (selectedTabOption === 2) {
+        case TAB_OPTIONS.assignments.value:
-        console.log('Fetch people');
+          fetchAndPopulateAssignmentsTabData();
+          break;
+        case TAB_OPTIONS.people.value:
+          fetchAndPopulatePoepleTabData();
+          break;
+        default:
+          console.log('Invalid tab option');
       }
     }
     getSelectedTabData();
-  }, [selectedTabOption, params, fetchAndPopulateAnnouncementsTabData]);
+  }, [
+    selectedTabOption,
+    params,
+    fetchAndPopulateAnnouncementsTabData,
+    fetchAndPopulateAssignmentsTabData,
+    fetchAndPopulatePoepleTabData,
+  ]);
 
   useEffect(() => {
     async function getClassroomById(classId) {