Merge pull request #48 from status-im/add_icons

display icons depending on the state of the process
This commit is contained in:
Iuri Matias 2018-09-09 09:47:52 -04:00 committed by GitHub
commit 59757c08e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions

View File

@ -11,12 +11,19 @@ function stampClasses(state){
});
}
function iconClasses(state){
return classNames('fe', {
'fe-check-square': state === 'running',
'fe-x': state !== 'running'
});
}
const Process = ({process}) => (
<Grid.Col sm={6} lg={3}>
<Card className="p-3">
<div className="d-flex align-items-center">
<span className={stampClasses(process.state)}>
<i className="fe fa-cube"></i>
<i className={iconClasses(process.state)}></i>
</span>
<div>
<h4 className="text-capitalize m-0"><Link to={`/embark/processes/${process.name}`}>{process.name}</Link></h4>