From 5d400bfadddb5f3e017842a91dc41fc8441f7d84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Tue, 30 Aug 2022 21:09:45 -0300
Subject: [PATCH] Fix race condition when fetch tab data

---
 src/screens/Classroom/Header/index.js | 7 ++++++-
 src/screens/Classroom/View.js         | 2 ++
 src/screens/Classroom/index.js        | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/screens/Classroom/Header/index.js b/src/screens/Classroom/Header/index.js
index 134f5ac..6a4a1a8 100644
--- a/src/screens/Classroom/Header/index.js
+++ b/src/screens/Classroom/Header/index.js
@@ -18,6 +18,7 @@ function Header({
   classroom,
   selectedTabOption,
   onSelectTabOption,
+  isLoading,
 }) {
   const { title, paper, tabs, avatar, tooltip } = styles[layoutType];
   return classroom === null ? (
@@ -46,7 +47,11 @@ function Header({
           sx={tabs}
         >
           {Object.values(TAB_OPTIONS).map(option => (
-            <Tab key={option.value} label={option.lable} />
+            <Tab
+              key={option.value}
+              label={option.lable}
+              disabled={isLoading && option.value !== selectedTabOption}
+            />
           ))}
         </Tabs>
       </Paper>
diff --git a/src/screens/Classroom/View.js b/src/screens/Classroom/View.js
index add5469..675e697 100644
--- a/src/screens/Classroom/View.js
+++ b/src/screens/Classroom/View.js
@@ -15,6 +15,7 @@ function View({
   announcementsTabData,
   assignmentsTabData,
   peopleTabData,
+  isLoading,
 }) {
   const { container } = styles[layoutType];
   return (
@@ -24,6 +25,7 @@ function View({
         classroom={classroom}
         selectedTabOption={selectedTabOption}
         onSelectTabOption={onSelectTabOption}
+        isLoading={isLoading}
       />
       <AnnouncementsTab
         layoutType={layoutType}
diff --git a/src/screens/Classroom/index.js b/src/screens/Classroom/index.js
index b3bf5d3..7410515 100644
--- a/src/screens/Classroom/index.js
+++ b/src/screens/Classroom/index.js
@@ -119,6 +119,7 @@ function Classroom() {
       peopleTabData={
         tabData && tabData.tab === 'people' ? tabData : { state: 'gone' }
       }
+      isLoading={tabData && tabData.state === 'loading'}
     />
   );
 }