From 1e721fa4f6bf846a0b3c9ef160b9d4d5d69b486a Mon Sep 17 00:00:00 2001
From: Iuri Matias <iuri.matias@gmail.com>
Date: Tue, 4 Sep 2018 16:50:10 -0400
Subject: [PATCH] display icons depending on the state of the process

---
 embark-ui/src/components/Processes.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/embark-ui/src/components/Processes.js b/embark-ui/src/components/Processes.js
index e04bd5da..432e4d2e 100644
--- a/embark-ui/src/components/Processes.js
+++ b/embark-ui/src/components/Processes.js
@@ -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>