1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/simulations/SimulationAuthList.js b/src/components/simulations/SimulationAuthList.js
new file mode 100644
index 00000000..7653f178
--- /dev/null
+++ b/src/components/simulations/SimulationAuthList.js
@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Shapes from "../../shapes/index";
+import NoSimulationsAlert from "./NoSimulationsAlert";
+import SimulationAuth from "./SimulationAuth";
+import "./SimulationAuthList.css";
+
+const SimulationAuthList = ({authorizations}) => {
+    if (authorizations.length === 0) {
+        return <NoSimulationsAlert/>;
+    }
+
+    return (
+        <div className="simulation-list">
+            <div className="list-head">
+                <div>Simulation name</div>
+                <div>Last edited</div>
+                <div>Access rights</div>
+            </div>
+            <div className="list-body">
+                {authorizations.map(authorization => (
+                    <SimulationAuth simulationAuth={authorization} key={authorization.simulation.id}/>
+                ))}
+            </div>
+        </div>
+    );
+};
+
+SimulationAuthList.propTypes = {
+    authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired,
+};
+
+export default SimulationAuthList;