From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 .../src/components/simulations/FilterButton.js     | 38 +++++------
 frontend/src/components/simulations/FilterPanel.js | 20 +++---
 .../src/components/simulations/FilterPanel.sass    |  6 +-
 .../simulations/NewSimulationButtonComponent.js    | 22 +++----
 .../simulations/SimulationActionButtons.js         | 64 +++++++++----------
 .../components/simulations/SimulationAuthList.js   | 74 +++++++++++-----------
 .../components/simulations/SimulationAuthRow.js    | 50 +++++++--------
 7 files changed, 137 insertions(+), 137 deletions(-)

(limited to 'frontend/src/components/simulations')

diff --git a/frontend/src/components/simulations/FilterButton.js b/frontend/src/components/simulations/FilterButton.js
index aa41f180..664f9b46 100644
--- a/frontend/src/components/simulations/FilterButton.js
+++ b/frontend/src/components/simulations/FilterButton.js
@@ -1,24 +1,24 @@
-import classNames from "classnames";
-import PropTypes from "prop-types";
-import React from "react";
+import classNames from 'classnames'
+import PropTypes from 'prop-types'
+import React from 'react'
 
 const FilterButton = ({ active, children, onClick }) => (
-  <button
-    className={classNames("btn btn-secondary", { active: active })}
-    onClick={() => {
-      if (!active) {
-        onClick();
-      }
-    }}
-  >
-    {children}
-  </button>
-);
+    <button
+        className={classNames('btn btn-secondary', { active: active })}
+        onClick={() => {
+            if (!active) {
+                onClick()
+            }
+        }}
+    >
+        {children}
+    </button>
+)
 
 FilterButton.propTypes = {
-  active: PropTypes.bool.isRequired,
-  children: PropTypes.node.isRequired,
-  onClick: PropTypes.func.isRequired
-};
+    active: PropTypes.bool.isRequired,
+    children: PropTypes.node.isRequired,
+    onClick: PropTypes.func.isRequired,
+}
 
-export default FilterButton;
+export default FilterButton
diff --git a/frontend/src/components/simulations/FilterPanel.js b/frontend/src/components/simulations/FilterPanel.js
index 836c0842..cbc3bf6a 100644
--- a/frontend/src/components/simulations/FilterPanel.js
+++ b/frontend/src/components/simulations/FilterPanel.js
@@ -1,13 +1,13 @@
-import React from "react";
-import FilterLink from "../../containers/simulations/FilterLink";
-import "./FilterPanel.css";
+import React from 'react'
+import FilterLink from '../../containers/simulations/FilterLink'
+import './FilterPanel.css'
 
 const FilterPanel = () => (
-  <div className="btn-group filter-panel mb-2">
-    <FilterLink filter="SHOW_ALL">All Simulations</FilterLink>
-    <FilterLink filter="SHOW_OWN">My Simulations</FilterLink>
-    <FilterLink filter="SHOW_SHARED">Shared with me</FilterLink>
-  </div>
-);
+    <div className="btn-group filter-panel mb-2">
+        <FilterLink filter="SHOW_ALL">All Simulations</FilterLink>
+        <FilterLink filter="SHOW_OWN">My Simulations</FilterLink>
+        <FilterLink filter="SHOW_SHARED">Shared with me</FilterLink>
+    </div>
+)
 
-export default FilterPanel;
+export default FilterPanel
diff --git a/frontend/src/components/simulations/FilterPanel.sass b/frontend/src/components/simulations/FilterPanel.sass
index e10e4746..f71cf6c8 100644
--- a/frontend/src/components/simulations/FilterPanel.sass
+++ b/frontend/src/components/simulations/FilterPanel.sass
@@ -1,5 +1,5 @@
 .filter-panel
-  display: flex
+    display: flex
 
-  button
-    flex: 1 !important
+    button
+        flex: 1 !important
diff --git a/frontend/src/components/simulations/NewSimulationButtonComponent.js b/frontend/src/components/simulations/NewSimulationButtonComponent.js
index 7e12d30f..d07a6419 100644
--- a/frontend/src/components/simulations/NewSimulationButtonComponent.js
+++ b/frontend/src/components/simulations/NewSimulationButtonComponent.js
@@ -1,17 +1,17 @@
-import PropTypes from "prop-types";
-import React from "react";
+import PropTypes from 'prop-types'
+import React from 'react'
 
 const NewSimulationButtonComponent = ({ onClick }) => (
-  <div className="bottom-btn-container">
-    <div className="btn btn-primary float-right" onClick={onClick}>
-      <span className="fa fa-plus mr-2" />
-      New Simulation
+    <div className="bottom-btn-container">
+        <div className="btn btn-primary float-right" onClick={onClick}>
+            <span className="fa fa-plus mr-2"/>
+            New Simulation
+        </div>
     </div>
-  </div>
-);
+)
 
 NewSimulationButtonComponent.propTypes = {
-  onClick: PropTypes.func.isRequired
-};
+    onClick: PropTypes.func.isRequired,
+}
 
-export default NewSimulationButtonComponent;
+export default NewSimulationButtonComponent
diff --git a/frontend/src/components/simulations/SimulationActionButtons.js b/frontend/src/components/simulations/SimulationActionButtons.js
index 46f4f159..6d2e5831 100644
--- a/frontend/src/components/simulations/SimulationActionButtons.js
+++ b/frontend/src/components/simulations/SimulationActionButtons.js
@@ -1,37 +1,37 @@
-import PropTypes from "prop-types";
-import React from "react";
-import { Link } from "react-router-dom";
+import PropTypes from 'prop-types'
+import React from 'react'
+import { Link } from 'react-router-dom'
 
 const SimulationActionButtons = ({ simulationId, onViewUsers, onDelete }) => (
-  <td className="text-right">
-    <Link
-      to={"/simulations/" + simulationId}
-      className="btn btn-outline-primary btn-sm mr-2"
-      title="Open this simulation"
-    >
-      <span className="fa fa-play" />
-    </Link>
-    <div
-      className="btn btn-outline-success btn-sm disabled mr-2"
-      title="View and edit collaborators (not supported yet)"
-      onClick={() => onViewUsers(simulationId)}
-    >
-      <span className="fa fa-users" />
-    </div>
-    <div
-      className="btn btn-outline-danger btn-sm"
-      title="Delete this simulation"
-      onClick={() => onDelete(simulationId)}
-    >
-      <span className="fa fa-trash" />
-    </div>
-  </td>
-);
+    <td className="text-right">
+        <Link
+            to={'/simulations/' + simulationId}
+            className="btn btn-outline-primary btn-sm mr-2"
+            title="Open this simulation"
+        >
+            <span className="fa fa-play"/>
+        </Link>
+        <div
+            className="btn btn-outline-success btn-sm disabled mr-2"
+            title="View and edit collaborators (not supported yet)"
+            onClick={() => onViewUsers(simulationId)}
+        >
+            <span className="fa fa-users"/>
+        </div>
+        <div
+            className="btn btn-outline-danger btn-sm"
+            title="Delete this simulation"
+            onClick={() => onDelete(simulationId)}
+        >
+            <span className="fa fa-trash"/>
+        </div>
+    </td>
+)
 
 SimulationActionButtons.propTypes = {
-  simulationId: PropTypes.number.isRequired,
-  onViewUsers: PropTypes.func,
-  onDelete: PropTypes.func
-};
+    simulationId: PropTypes.number.isRequired,
+    onViewUsers: PropTypes.func,
+    onDelete: PropTypes.func,
+}
 
-export default SimulationActionButtons;
+export default SimulationActionButtons
diff --git a/frontend/src/components/simulations/SimulationAuthList.js b/frontend/src/components/simulations/SimulationAuthList.js
index f29dc96d..dce7fb5c 100644
--- a/frontend/src/components/simulations/SimulationAuthList.js
+++ b/frontend/src/components/simulations/SimulationAuthList.js
@@ -1,43 +1,43 @@
-import PropTypes from "prop-types";
-import React from "react";
-import Shapes from "../../shapes/index";
-import SimulationAuthRow from "./SimulationAuthRow";
+import PropTypes from 'prop-types'
+import React from 'react'
+import Shapes from '../../shapes/index'
+import SimulationAuthRow from './SimulationAuthRow'
 
 const SimulationAuthList = ({ authorizations }) => {
-  return (
-    <div className="vertically-expanding-container">
-      {authorizations.length === 0 ? (
-        <div className="alert alert-info">
-          <span className="info-icon fa fa-question-circle mr-2" />
-          <strong>No simulations here yet...</strong> Add some with the 'New
-          Simulation' button!
+    return (
+        <div className="vertically-expanding-container">
+            {authorizations.length === 0 ? (
+                <div className="alert alert-info">
+                    <span className="info-icon fa fa-question-circle mr-2"/>
+                    <strong>No simulations here yet...</strong> Add some with the 'New
+                    Simulation' button!
+                </div>
+            ) : (
+                <table className="table table-striped">
+                    <thead>
+                    <tr>
+                        <th>Simulation name</th>
+                        <th>Last edited</th>
+                        <th>Access rights</th>
+                        <th/>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {authorizations.map(authorization => (
+                        <SimulationAuthRow
+                            simulationAuth={authorization}
+                            key={authorization.simulation.id}
+                        />
+                    ))}
+                    </tbody>
+                </table>
+            )}
         </div>
-      ) : (
-        <table className="table table-striped">
-          <thead>
-            <tr>
-              <th>Simulation name</th>
-              <th>Last edited</th>
-              <th>Access rights</th>
-              <th />
-            </tr>
-          </thead>
-          <tbody>
-            {authorizations.map(authorization => (
-              <SimulationAuthRow
-                simulationAuth={authorization}
-                key={authorization.simulation.id}
-              />
-            ))}
-          </tbody>
-        </table>
-      )}
-    </div>
-  );
-};
+    )
+}
 
 SimulationAuthList.propTypes = {
-  authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired
-};
+    authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired,
+}
 
-export default SimulationAuthList;
+export default SimulationAuthList
diff --git a/frontend/src/components/simulations/SimulationAuthRow.js b/frontend/src/components/simulations/SimulationAuthRow.js
index b638fbce..b647db69 100644
--- a/frontend/src/components/simulations/SimulationAuthRow.js
+++ b/frontend/src/components/simulations/SimulationAuthRow.js
@@ -1,32 +1,32 @@
-import classNames from "classnames";
-import React from "react";
-import SimulationActions from "../../containers/simulations/SimulationActions";
-import Shapes from "../../shapes/index";
-import { AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP } from "../../util/authorizations";
-import { parseAndFormatDateTime } from "../../util/date-time";
+import classNames from 'classnames'
+import React from 'react'
+import SimulationActions from '../../containers/simulations/SimulationActions'
+import Shapes from '../../shapes/index'
+import { AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP } from '../../util/authorizations'
+import { parseAndFormatDateTime } from '../../util/date-time'
 
 const SimulationAuthRow = ({ simulationAuth }) => (
-  <tr>
-    <td className="pt-3">{simulationAuth.simulation.name}</td>
-    <td className="pt-3">
-      {parseAndFormatDateTime(simulationAuth.simulation.datetimeLastEdited)}
-    </td>
-    <td className="pt-3">
+    <tr>
+        <td className="pt-3">{simulationAuth.simulation.name}</td>
+        <td className="pt-3">
+            {parseAndFormatDateTime(simulationAuth.simulation.datetimeLastEdited)}
+        </td>
+        <td className="pt-3">
       <span
-        className={classNames(
-          "fa",
-          "fa-" + AUTH_ICON_MAP[simulationAuth.authorizationLevel],
-          "mr-2"
-        )}
+          className={classNames(
+              'fa',
+              'fa-' + AUTH_ICON_MAP[simulationAuth.authorizationLevel],
+              'mr-2',
+          )}
       />
-      {AUTH_DESCRIPTION_MAP[simulationAuth.authorizationLevel]}
-    </td>
-    <SimulationActions simulationId={simulationAuth.simulation.id} />
-  </tr>
-);
+            {AUTH_DESCRIPTION_MAP[simulationAuth.authorizationLevel]}
+        </td>
+        <SimulationActions simulationId={simulationAuth.simulation.id}/>
+    </tr>
+)
 
 SimulationAuthRow.propTypes = {
-  simulationAuth: Shapes.Authorization.isRequired
-};
+    simulationAuth: Shapes.Authorization.isRequired,
+}
 
-export default SimulationAuthRow;
+export default SimulationAuthRow
-- 
cgit v1.2.3