admin condition and page

client/src/constants/authConditions.js

@@ -1 +1,2 @@
 export const AUTHENTICATED = (authUser) => !!authUser;
+export const ADMIN = (authUser) => authUser && !!authUser.roles[ROLES.ADMIN];

client/src/pages/Admin/index.jsx

@@ -1,13 +1,17 @@
 import React from "react";
 import { Container } from "reactstrap";
-import ItemModal from "../../components/ItemModal";
-import List from "../../components/List";
 
+const styles = {
+  root: {
+    paddingTop: "1rem",
+    paddingBottom: "1rem",
+  },
+};
 export default function AdminPage() {
   return (
-    <Container>
-      <ItemModal />
-      <List />
+    <Container style={styles.root}>
+      <h1>Admin</h1>
+      <p>Restricted area! Only users with the admin role are authorized.</p>
     </Container>
   );
 }

client/src/routes/index.jsx

@@ -30,7 +30,7 @@ export default function MainRouter() {
       />
       <PrivateRoute
         path={ROUTES.ADMIN}
-        condition={CONDITIONS.AUTHENTICATED}
+        condition={CONDITIONS.ADMIN}
         component={AdminPage}
       />
     </Switch>