From 770d31ade1fb59c07ca78fc1d7a1f00dc2aab5f4 Mon Sep 17 00:00:00 2001
From: Sonja Happ <sonja.happ@eonerc.rwth-aachen.de>
Date: Tue, 23 Jun 2020 15:26:30 +0200
Subject: [PATCH] fix for running state of scenarios, show active state of
 users with icon instead of text.

---
 src/scenario/scenarios.js |  4 ++--
 src/user/users.js         | 14 ++++++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/scenario/scenarios.js b/src/scenario/scenarios.js
index aceca0f..87aa7e5 100644
--- a/src/scenario/scenarios.js
+++ b/src/scenario/scenarios.js
@@ -217,9 +217,9 @@ class Scenarios extends Component {
   modifyRunningColumn(running){
 
     if(running){
-      return <Icon icon='times' />
-    } else {
       return <Icon icon='check' />
+    } else {
+      return <Icon icon='times' />
     }
 
   }
diff --git a/src/user/users.js b/src/user/users.js
index 7deb4b3..d97c539 100644
--- a/src/user/users.js
+++ b/src/user/users.js
@@ -122,6 +122,16 @@ class Users extends Component {
     }
   };
 
+  modifyActiveColumn(active){
+
+    if(active){
+      return <Icon icon='check' />
+    } else {
+      return <Icon icon='times' />
+    }
+
+  }
+
   render() {
 
     return (
@@ -132,8 +142,8 @@ class Users extends Component {
           <TableColumn title='Username' width='150' dataKey='username' />
           <TableColumn title='ID' width='150' dataKey='id' />
           <TableColumn title='E-mail' dataKey='mail'  />
-          <TableColumn title='Role' dataKey='role'   modifier={(role) => this.getHumanRoleName(role)} />
-          <TableColumn title='Active' dataKey='active' />
+          <TableColumn title='Role' dataKey='role'  modifier={(role) => this.getHumanRoleName(role)} />
+          <TableColumn title='Active' dataKey='active' modifier={(active) => this.modifyActiveColumn(active)} />
           <TableColumn width='200' editButton deleteButton onEdit={index => this.setState({ editModal: true, modalData: this.state.users[index] })} onDelete={index => this.setState({ deleteModal: true, modalData: this.state.users[index] })} />
         </Table>