Revize 6a250c18

Layout and minor color changes

webapp/layouts/MainLayout.tsx

@@ -1 +1 @@
 import 'antd/dist/antd.css';
 import styles from '/styles/MainLayout.module.scss';
-import { useContext } from 'react';
-import { LoggedUserContext } from '../contexts/LoggedUserContext';
-import AdminNavBar from '../components/navigation/AdminNavBar';
-import UserNavBar from '../components/navigation/UserNavBar';
+import Navbar from './Navbar';
 
 /**
  * Creates layout of main screens.
@@ -11 +8 @@
  * @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}>
-                {(isAdmin && <AdminNavBar />) || (isAnnotator && <UserNavBar />)}
-            </div>
+            <Navbar />
             <main className={styles.content}>{props.children}</main>
-            <div className={styles.footer} />
         </div>
     );
 }
+
+export default MainLayout;