Revize 8c45ccb0

Token management implemented, redirections

webapp/layouts/MainLayout.tsx

@@ -1 @@
-import { UserNavBar } from '../components/navigation/UserNavBar';
-import { AdminNavBar } from '../components/navigation/AdminNavBar';
 import 'antd/dist/antd.css';
 import styles from '/styles/MainLayout.module.scss';
-import React from 'react';
+import { useContext } from 'react';
+import { LoggedUserContext } from '../contexts/LoggedUserContext';
+import AdminNavBar from '../components/navigation/AdminNavBar';
+import UserNavBar from '../components/navigation/UserNavBar';
 
 /**
  * Creates layout of main screens.
@@ -10 +11 @@
  * @returns The login screen.
  */
 export function MainLayout(props: { children: React.ReactNode }) {
+    const { role } = useContext(LoggedUserContext);
+    const isAdmin = role === 'ADMINISTRATOR';
+    const isAnnotator = role === 'ANNOTATOR';
+
     return (
         <div className={styles.layoutWrapper}>
             <div className={styles.header}>
-                {/**
-                 @todo: Select correct navigation bar
-                 {user && <UserNavBar />}
-                 {admin && <AdminNavBar />}
-                **/}
+                {(isAdmin && <AdminNavBar />) || (isAnnotator && <UserNavBar />)}
             </div>
             <main className={styles.content}>{props.children}</main>
-            <div className={styles.footer}></div>
+            <div className={styles.footer} />
         </div>
     );
 }