Create basic projects page with add-button

1 files changed, 22 insertions, 0 deletions

diff --git a/src/components/projects/ProjectAuth.js b/src/components/projects/ProjectAuth.js
new file mode 100644
index 00000000..7e3abae1
--- /dev/null
+++ b/src/components/projects/ProjectAuth.js
@@ -0,0 +1,22 @@
+import classNames from 'classnames';
+import React from 'react';
+import Shapes from "../../shapes/index";
+import {AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP} from "../../util/authorizations";
+import {parseAndFormatDateTime} from "../../util/date-time";
+
+const ProjectAuth = ({projectAuth}) => (
+    <div className="project-row">
+        <div>{projectAuth.simulation.name}</div>
+        <div>{parseAndFormatDateTime(projectAuth.simulation.datetimeLastEdited)}</div>
+        <div>
+            <span className={classNames("fa", "fa-" + AUTH_ICON_MAP[projectAuth.authorizationLevel])}/>
+            {AUTH_DESCRIPTION_MAP[projectAuth.authorizationLevel]}
+        </div>
+    </div>
+);
+
+ProjectAuth.propTypes = {
+    projectAuth: Shapes.Authorization.isRequired,
+};
+
+export default ProjectAuth;