diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-21 17:34:19 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:05 +0200 |
| commit | 4272111ce7da4293bff7d11cf08e172651e7b3b1 (patch) | |
| tree | 1af1541a030467116c2252ef34e45b5c8bf5390e /src/components/sidebars/simulation | |
| parent | 19f1e6db285d0bb8a96d2cea9c7f3a543692b81a (diff) | |
Make sidebars collapsible
Diffstat (limited to 'src/components/sidebars/simulation')
| -rw-r--r-- | src/components/sidebars/simulation/TaskComponent.js | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js index c02d0a4b..09608b99 100644 --- a/src/components/sidebars/simulation/TaskComponent.js +++ b/src/components/sidebars/simulation/TaskComponent.js @@ -5,7 +5,9 @@ const TaskComponent = ({task, flopsLeft}) => { let stateInfo; if (flopsLeft === task.totalFlopCount) { - stateInfo = <p><span className="fa fa-hourglass-half mr-2"/>Waiting</p>; + stateInfo = ( + <p><span className="fa fa-hourglass-half mr-2"/>Waiting</p> + ); } else if (flopsLeft > 0) { stateInfo = ( <p> @@ -14,14 +16,16 @@ const TaskComponent = ({task, flopsLeft}) => { </p> ); } else { - stateInfo = <p><span className="fa fa-check mr-2"/>Completed</p>; + stateInfo = ( + <p><span className="fa fa-check mr-2"/>Completed</p> + ); } return ( <li className="list-group-item flex-column align-items-start"> <div className="d-flex w-100 justify-content-between"> <h5 className="mb-1">{task.totalFlopCount} FLOPS</h5> - <small>Starts: {convertSecondsToFormattedTime(task.startTick)}</small> + <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small> </div> {stateInfo} </li> |