diff options
Diffstat (limited to 'src/components/simulations')
| -rw-r--r-- | src/components/simulations/SimulationActionButtons.js | 8 | ||||
| -rw-r--r-- | src/components/simulations/SimulationAuthList.sass | 7 |
2 files changed, 9 insertions, 6 deletions
diff --git a/src/components/simulations/SimulationActionButtons.js b/src/components/simulations/SimulationActionButtons.js index d48b4bcf..1731b9be 100644 --- a/src/components/simulations/SimulationActionButtons.js +++ b/src/components/simulations/SimulationActionButtons.js @@ -1,11 +1,12 @@ import PropTypes from "prop-types"; import React from 'react'; +import {Link} from "react-router-dom"; -const SimulationActionButtons = ({simulationId, onOpen, onViewUsers, onDelete}) => ( +const SimulationActionButtons = ({simulationId, onViewUsers, onDelete}) => ( <div className="simulation-icons"> - <div className="open" title="Open this simulation" onClick={() => onOpen(simulationId)}> + <Link to={"/simulations/" + simulationId} className="open" title="Open this simulation"> <span className="fa fa-play"/> - </div> + </Link> <div className="users" title="View and edit collaborators on this simulation" onClick={() => onViewUsers(simulationId)}> <span className="fa fa-users"/> @@ -18,7 +19,6 @@ const SimulationActionButtons = ({simulationId, onOpen, onViewUsers, onDelete}) SimulationActionButtons.propTypes = { simulationId: PropTypes.number.isRequired, - onOpen: PropTypes.func, onViewUsers: PropTypes.func, onDelete: PropTypes.func, }; diff --git a/src/components/simulations/SimulationAuthList.sass b/src/components/simulations/SimulationAuthList.sass index 10334c9f..58683446 100644 --- a/src/components/simulations/SimulationAuthList.sass +++ b/src/components/simulations/SimulationAuthList.sass @@ -57,8 +57,8 @@ .simulation-row .simulation-icons text-align: right -.simulation-row .simulation-icons div - display: inline +.simulation-row .simulation-icons div, .simulation-row .simulation-icons a + display: inline-block position: relative top: 4px width: 30px @@ -79,6 +79,9 @@ $icon-color: #0c60bf background: $icon-color + span + left: 1px + &:hover background: lighten($icon-color, 10%) |
