status-im
/
embark-area-51
mirror of https://github.com/status-im/embark-area-51.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

display icons depending on the state of the process

This commit is contained in:
Iuri Matias 2018-09-04 16:50:10 -04:00
parent 62934c5b18
commit 433ca33e57
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
embark-ui/src/components/Processes.js
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}) => ( const Process = ({process}) => (
<Grid.Col sm={6} lg={3}> <Grid.Col sm={6} lg={3}>
<Card className="p-3"> <Card className="p-3">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<span className={stampClasses(process.state)}> <span className={stampClasses(process.state)}>
<i className="fe fa-cube"></i> <i className={iconClasses(process.state)}></i>
</span> </span>
<div> <div>
<h4 className="text-capitalize m-0"><Link to={`/embark/processes/${process.name}`}>{process.name}</Link></h4> <h4 className="text-capitalize m-0"><Link to={`/embark/processes/${process.name}`}>{process.name}</Link></h4>