[AppLayout] load blockedReason and set cookie & reload if current use…

…r has blockedReason
cofacts · Nov 29, 2021 · abba9a8 · abba9a8
1 parent 440e519
commit abba9a8
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/components/AppLayout/AppLayout.js b/components/AppLayout/AppLayout.js
@@ -11,13 +11,15 @@ import UpgradeDialog from './UpgradeDialog';
 import { useLazyQuery } from '@apollo/react-hooks';
 import LoginModal from './LoginModal';
 import fetchAPI from 'lib/fetchAPI';
+import { blockUserBrowserAndRefreshIfNeeded } from 'lib/isUserBlocked';
 import Snackbar from '@material-ui/core/Snackbar';
 
 const USER_QUERY = gql`
   query AppLayoutQuery {
     GetUser {
       ...AppSidebarUserData
       ...AppHeaderUserData
+      blockedReason
     }
   }
   ${AppSidebar.fragments.AppSidebarUserData}
@@ -73,6 +75,15 @@ function AppLayout({ children, container = true }) {
     };
   }, []);
 
+  // Mark blocked user's browser with cookie
+  //
+  const hasBlockedReason = !!data?.GetUser?.blockedReason;
+  useEffect(() => {
+    if (hasBlockedReason) {
+      blockUserBrowserAndRefreshIfNeeded();
+    }
+  }, [hasBlockedReason]);
+
   return (
     <Fragment>
       <AppHeader