Add action buttons to project rows

1 files changed, 18 insertions, 15 deletions

diff --git a/src/components/projects/ProjectAuthList.js b/src/components/projects/ProjectAuthList.js
index 093b3279..217a8375 100644
--- a/src/components/projects/ProjectAuthList.js
+++ b/src/components/projects/ProjectAuthList.js
@@ -5,23 +5,26 @@ 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 => (
+const ProjectAuthList = ({authorizations}) => {
+    if (authorizations.length === 0) {
+        return <NoProjectsAlert/>;
+    }
+
+    return (
+        <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.map(authorization => (
                     <ProjectAuth projectAuth={authorization} key={authorization.simulation.id}/>
-                ))
-            }
+                ))}
+            </div>
         </div>
-    </div>
-);
+    );
+};
 
 ProjectAuthList.propTypes = {
     authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired,