From e9103bc956868c096fd1d3d46fbdd723227a978d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Wed, 3 Aug 2022 16:03:45 -0300
Subject: [PATCH] Add classroom announcements fetch

---
 src/context/user.js            |  7 ++++
 src/screens/Classroom/index.js | 19 +++++++++-
 src/services/mocks.js          | 68 +++++++++++++++++++++++++++++++++-
 src/services/user-service.js   | 26 ++++++++++++-
 4 files changed, 116 insertions(+), 4 deletions(-)

diff --git a/src/context/user.js b/src/context/user.js
index e6249a2..67fc789 100644
--- a/src/context/user.js
+++ b/src/context/user.js
@@ -3,6 +3,7 @@ import { useLocation } from 'react-router-dom';
 import { useAuthState } from './auth';
 import {
   getAssignments,
+  getClassroomAnnouncementsById,
   getClassroomById,
   getClassrooms,
   getFaq,
@@ -31,6 +32,9 @@ function UserProvider(props) {
 
   const fetchFAQ = () => getFaq();
 
+  const fetchClassroomAnnouncements = classId =>
+    getClassroomAnnouncementsById(classId);
+
   return (
     <UserContext.Provider
       value={{
@@ -39,6 +43,7 @@ function UserProvider(props) {
         fetchAssignments,
         fetchClassroomById,
         fetchFAQ,
+        fetchClassroomAnnouncements,
       }}
       {...props}
     />
@@ -52,6 +57,7 @@ function useUser() {
     fetchAssignments,
     fetchClassroomById,
     fetchFAQ,
+    fetchClassroomAnnouncements,
   } = useContext(UserContext);
 
   return {
@@ -60,6 +66,7 @@ function useUser() {
     fetchAssignments,
     fetchClassroomById,
     fetchFAQ,
+    fetchClassroomAnnouncements,
   };
 }
 
diff --git a/src/screens/Classroom/index.js b/src/screens/Classroom/index.js
index 45d25c8..cd27864 100644
--- a/src/screens/Classroom/index.js
+++ b/src/screens/Classroom/index.js
@@ -8,12 +8,14 @@ import View from './View';
 function Classroom() {
   const params = useParams();
   const layoutType = useLayoutType();
-  const { fetchClassroomById } = useUser();
+  const { fetchClassroomById, fetchClassroomAnnouncements } = useUser();
   const [classroom, setClassroom] = useState(null);
   const [selectedTabOption, setSelectedTabOption] = useState(
     TAB_OPTIONS.map(o => o.value).indexOf('announcements')
   );
 
+  const [announcements, setAnnouncements] = useState(null);
+
   const onSelectTabOption = (_, value) => {
     setSelectedTabOption(value);
   };
@@ -34,6 +36,21 @@ function Classroom() {
     }
   }, [classroom]);
 
+  useEffect(() => {
+    async function getSelectedTabData() {
+      if (selectedTabOption === 0) {
+        console.log('Fetch announcements');
+        const result = await fetchClassroomAnnouncements(params.id);
+        setAnnouncements(result.data);
+      } else if (selectedTabOption === 1) {
+        console.log('Fetch assignments');
+      } else if (selectedTabOption === 2) {
+        console.log('Fetch people');
+      }
+    }
+    getSelectedTabData();
+  }, [fetchClassroomAnnouncements, selectedTabOption, params]);
+
   return (
     <View
       layoutType={layoutType}
diff --git a/src/services/mocks.js b/src/services/mocks.js
index 5d18cf1..bd75978 100644
--- a/src/services/mocks.js
+++ b/src/services/mocks.js
@@ -6,6 +6,7 @@ const allClassrooms = [
     color: '#006FF2',
     teachers: [
       {
+        id: '2342',
         name: 'Carlos Alexandre Silva',
         avatar:
           'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
@@ -19,11 +20,13 @@ const allClassrooms = [
     color: '#7900F2',
     teachers: [
       {
+        id: '1234',
         name: 'Míriam Lúcia Barbosa',
         avatar:
           'https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
       },
       {
+        id: '4321',
         name: 'Alexandre Couto Cardoso',
         avatar: '/assets/alex.jpg',
       },
@@ -36,6 +39,7 @@ const allClassrooms = [
     color: '#FF7A00',
     teachers: [
       {
+        id: '6781',
         name: 'Cristiane Norbiato Targa',
         avatar:
           'https://lh3.googleusercontent.com/a-/AOh14GhwNeQ0h2eKl2WXGuwyDzvLWtrvyrG2kJtZ7A1EBw=s75-c',
@@ -49,6 +53,7 @@ const allClassrooms = [
     color: '#BB0000',
     teachers: [
       {
+        id: '4321',
         name: 'Alexandre Couto Cardoso',
         avatar: '/assets/alex.jpg',
       },
@@ -61,6 +66,7 @@ const allClassrooms = [
     color: '#039200',
     teachers: [
       {
+        id: '9999',
         name: 'Gabriel Felipe Cândido Novy',
         avatar:
           'https://lh3.googleusercontent.com/a-/AOh14GgvfrD--cl25V_3UOAR93sN_jKdYNJ9PXhUH2zXhQ=s75-c',
@@ -138,6 +144,59 @@ const allAssignments = [
   },
 ];
 
+const allClassroomAnnouncements = [
+  {
+    id: '850006245121695744',
+    classId: '321',
+    createdAt: 'Thu Apr 06 15:24:15 +0000 2017',
+    text: '1/ Today we\u2019re sharing our vision for the future of the Twitter API platform!\nhttps://t.co/XweGngmxlP',
+    user: {
+      id: '2342',
+      name: 'Carlos Alexandre Silva',
+      avatar:
+        'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
+    },
+    classroom: {
+      id: '321',
+      name: 'Introdução à Ciência de Dados',
+      abbreviation: 'ICD',
+      color: '#006FF2',
+      teachers: [
+        {
+          name: 'Carlos Alexandre Silva',
+          avatar:
+            'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
+        },
+      ],
+    },
+  },
+  {
+    id: '39450273466121695744',
+    classId: '321',
+    createdAt: 'Thu Apr 06 15:24:15 +0000 2017',
+    text: 'Mussum Ipsum, cacilds vidis litro abertis. Quem manda na minha terra sou euzis!Viva Forevis aptent taciti sociosqu ad litora torquent.Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio.Quem num gosta di mim que vai caçá sua turmis!',
+    user: {
+      id: '2342',
+      name: 'Carlos Alexandre Silva',
+      avatar:
+        'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
+    },
+    classroom: {
+      id: '321',
+      name: 'Introdução à Ciência de Dados',
+      abbreviation: 'ICD',
+      color: '#006FF2',
+      teachers: [
+        {
+          name: 'Carlos Alexandre Silva',
+          avatar:
+            'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=50&q=80',
+        },
+      ],
+    },
+  },
+];
+
 const faq = [
   {
     question: 'Como faço para acessar a biblicoteca virtual?',
@@ -178,4 +237,11 @@ const authFailure = {
   message: 'Falha na autenticação',
 };
 
-export { allClassrooms, allAssignments, faq, user, authFailure };
+export {
+  allClassrooms,
+  allAssignments,
+  allClassroomAnnouncements,
+  faq,
+  user,
+  authFailure,
+};
diff --git a/src/services/user-service.js b/src/services/user-service.js
index 4dcc3f8..0710e39 100644
--- a/src/services/user-service.js
+++ b/src/services/user-service.js
@@ -1,5 +1,12 @@
 import { sleep } from '../utils/sleep';
-import { allClassrooms, allAssignments, faq, user, authFailure } from './mocks';
+import {
+  allClassrooms,
+  allAssignments,
+  faq,
+  user,
+  authFailure,
+  allClassroomAnnouncements,
+} from './mocks';
 
 const getClassrooms = userId =>
   sleep(3000).then(() => {
@@ -17,6 +24,14 @@ const getClassroomById = classId =>
     };
   });
 
+const getClassroomAnnouncementsById = classId =>
+  sleep(3000).then(() => {
+    console.log('classId ' + classId);
+    return {
+      data: allClassroomAnnouncements.filter(c => c.classId === classId),
+    };
+  });
+
 const getAssignments = userId =>
   sleep(4000).then(() => {
     console.log('userId: ' + userId);
@@ -43,4 +58,11 @@ const getUser = shouldFail =>
     }
   });
 
-export { getClassrooms, getClassroomById, getAssignments, getFaq, getUser };
+export {
+  getClassrooms,
+  getClassroomById,
+  getAssignments,
+  getClassroomAnnouncementsById,
+  getFaq,
+  getUser,
+};