From 67a771cbb02ec9da3c60704901f3150b46a7262b Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Wed, 9 Aug 2017 14:29:14 +0300
Subject: Create basic projects page with add-button

---
 src/components/projects/ProjectAuthList.js | 31 ++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/projects/ProjectAuthList.js

(limited to 'src/components/projects/ProjectAuthList.js')

diff --git a/src/components/projects/ProjectAuthList.js b/src/components/projects/ProjectAuthList.js
new file mode 100644
index 00000000..093b3279
--- /dev/null
+++ b/src/components/projects/ProjectAuthList.js
@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Shapes from "../../shapes/index";
+import NoProjectsAlert from "./NoProjectsAlert";
+import ProjectAuth from "./ProjectAuth";
+import "./ProjectAuthList.css";
+
+const ProjectAuthList = ({authorizations, onProjectClick}) => (
+    <div className="project-list">
+        <div className="list-head">
+            <div>Project name</div>
+            <div>Last edited</div>
+            <div>Access rights</div>
+        </div>
+        <div className="list-body">
+            {authorizations.length === 0 ?
+                <NoProjectsAlert/> :
+                authorizations.map(authorization => (
+                    <ProjectAuth projectAuth={authorization} key={authorization.simulation.id}/>
+                ))
+            }
+        </div>
+    </div>
+);
+
+ProjectAuthList.propTypes = {
+    authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired,
+    onProjectClick: PropTypes.func.isRequired,
+};
+
+export default ProjectAuthList;
-- 
cgit v1.2.3