From 751a9ef3a12c952fe179f256d854d0c4aa37e28e Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Wed, 4 Oct 2017 22:49:07 +0200
Subject: Apply prettier to codebase

---
 .../experiments/ExperimentListComponent.js         | 59 +++++++++++---------
 .../experiments/ExperimentRowComponent.js          | 64 ++++++++++------------
 .../experiments/NewExperimentButtonComponent.js    | 18 +++---
 3 files changed, 71 insertions(+), 70 deletions(-)

(limited to 'src/components/experiments')

diff --git a/src/components/experiments/ExperimentListComponent.js b/src/components/experiments/ExperimentListComponent.js
index f315ebbf..28c06f29 100644
--- a/src/components/experiments/ExperimentListComponent.js
+++ b/src/components/experiments/ExperimentListComponent.js
@@ -2,37 +2,42 @@ import PropTypes from "prop-types";
 import React from "react";
 import ExperimentRowContainer from "../../containers/experiments/ExperimentRowContainer";
 
-const ExperimentListComponent = ({experimentIds}) => {
-    return (
-        <div className="vertically-expanding-container">
-            {experimentIds.length === 0 ?
-                <div className="alert alert-info">
-                    <span className="info-icon fa fa-question-circle mr-2"/>
-                    <strong>No experiments here yet...</strong> Add some with the button below!
-                </div> :
-                <table className="table table-striped">
-                    <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Path</th>
-                        <th>Trace</th>
-                        <th>Scheduler</th>
-                        <th/>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    {experimentIds.map(experimentId => (
-                        <ExperimentRowContainer experimentId={experimentId} key={experimentId}/>
-                    ))}
-                    </tbody>
-                </table>
-            }
+const ExperimentListComponent = ({ experimentIds }) => {
+  return (
+    <div className="vertically-expanding-container">
+      {experimentIds.length === 0 ? (
+        <div className="alert alert-info">
+          <span className="info-icon fa fa-question-circle mr-2" />
+          <strong>No experiments here yet...</strong> Add some with the button
+          below!
         </div>
-    );
+      ) : (
+        <table className="table table-striped">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Path</th>
+              <th>Trace</th>
+              <th>Scheduler</th>
+              <th />
+            </tr>
+          </thead>
+          <tbody>
+            {experimentIds.map(experimentId => (
+              <ExperimentRowContainer
+                experimentId={experimentId}
+                key={experimentId}
+              />
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
 };
 
 ExperimentListComponent.propTypes = {
-    experimentIds: PropTypes.arrayOf(PropTypes.number).isRequired,
+  experimentIds: PropTypes.arrayOf(PropTypes.number).isRequired
 };
 
 export default ExperimentListComponent;
diff --git a/src/components/experiments/ExperimentRowComponent.js b/src/components/experiments/ExperimentRowComponent.js
index eb9cbacf..e71c6a00 100644
--- a/src/components/experiments/ExperimentRowComponent.js
+++ b/src/components/experiments/ExperimentRowComponent.js
@@ -1,44 +1,40 @@
 import PropTypes from "prop-types";
 import React from "react";
-import {Link} from "react-router-dom";
+import { Link } from "react-router-dom";
 import Shapes from "../../shapes/index";
 
-const ExperimentRowComponent = ({experiment, simulationId, onDelete}) => (
-    <tr>
-        <td className="pt-3">
-            {experiment.name}
-        </td>
-        <td className="pt-3">
-            {experiment.path.name ? experiment.path.name : "Path " + experiment.path.id}
-        </td>
-        <td className="pt-3">
-            {experiment.trace.name}
-        </td>
-        <td className="pt-3">
-            {experiment.scheduler.name}
-        </td>
-        <td className="text-right">
-            <Link
-                to={"/simulations/" + simulationId + "/experiments/" + experiment.id}
-                className="btn btn-outline-primary btn-sm mr-2"
-                title="Open this experiment"
-            >
-                <span className="fa fa-play"/>
-            </Link>
-            <div
-                className="btn btn-outline-danger btn-sm"
-                title="Delete this experiment"
-                onClick={() => onDelete(experiment.id)}
-            >
-                <span className="fa fa-trash"/>
-            </div>
-        </td>
-    </tr>
+const ExperimentRowComponent = ({ experiment, simulationId, onDelete }) => (
+  <tr>
+    <td className="pt-3">{experiment.name}</td>
+    <td className="pt-3">
+      {experiment.path.name
+        ? experiment.path.name
+        : "Path " + experiment.path.id}
+    </td>
+    <td className="pt-3">{experiment.trace.name}</td>
+    <td className="pt-3">{experiment.scheduler.name}</td>
+    <td className="text-right">
+      <Link
+        to={"/simulations/" + simulationId + "/experiments/" + experiment.id}
+        className="btn btn-outline-primary btn-sm mr-2"
+        title="Open this experiment"
+      >
+        <span className="fa fa-play" />
+      </Link>
+      <div
+        className="btn btn-outline-danger btn-sm"
+        title="Delete this experiment"
+        onClick={() => onDelete(experiment.id)}
+      >
+        <span className="fa fa-trash" />
+      </div>
+    </td>
+  </tr>
 );
 
 ExperimentRowComponent.propTypes = {
-    experiment: Shapes.Experiment.isRequired,
-    simulationId: PropTypes.number.isRequired,
+  experiment: Shapes.Experiment.isRequired,
+  simulationId: PropTypes.number.isRequired
 };
 
 export default ExperimentRowComponent;
diff --git a/src/components/experiments/NewExperimentButtonComponent.js b/src/components/experiments/NewExperimentButtonComponent.js
index 559a7218..651172e3 100644
--- a/src/components/experiments/NewExperimentButtonComponent.js
+++ b/src/components/experiments/NewExperimentButtonComponent.js
@@ -1,17 +1,17 @@
-import PropTypes from 'prop-types';
-import React from 'react';
+import PropTypes from "prop-types";
+import React from "react";
 
-const NewExperimentButtonComponent = ({onClick}) => (
-    <div className="bottom-btn-container">
-        <div className="btn btn-primary float-right" onClick={onClick}>
-            <span className="fa fa-plus mr-2"/>
-            New Experiment
-        </div>
+const NewExperimentButtonComponent = ({ onClick }) => (
+  <div className="bottom-btn-container">
+    <div className="btn btn-primary float-right" onClick={onClick}>
+      <span className="fa fa-plus mr-2" />
+      New Experiment
     </div>
+  </div>
 );
 
 NewExperimentButtonComponent.propTypes = {
-    onClick: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired
 };
 
 export default NewExperimentButtonComponent;
-- 
cgit v1.2.3