Create basic projects page with add-button

1 files changed, 31 insertions, 0 deletions

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;