From a0c3a41360f3e5238b4829b42119289d7c336926 Mon Sep 17 00:00:00 2001
From: Yuriy Kulakov <yuriy.kulakov.123@gmail.com>
Date: Sun, 25 Apr 2021 20:22:19 +0300
Subject: [PATCH] Changed styles of inactive users in table

---
 static/main/js/control.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/main/js/control.js b/static/main/js/control.js
index 0215b05..ee62c5c 100644
--- a/static/main/js/control.js
+++ b/static/main/js/control.js
@@ -1,4 +1,6 @@
 "use strict";
+import React from "react";
+import ReactDOM from "react-dom";
 
 function head_checkbox() {
   let head_checkbox = document.getElementById("head-checkbox");
@@ -45,13 +47,19 @@ class ModelUserTableRows extends React.Component {
 class ZendeskUserTableRow extends React.Component {
   render() {
     return (
-      <tr className={"table-secondary"}>
+      <tr className={"table-secondary text-secondary"}>
         <td></td>
         <td>
-          <a href="#">{this.props.user.name}</a>
+          <a href="#" style={{ color: "grey", fontStyle: "italic" }}>
+            {this.props.user.name}
+          </a>
+        </td>
+        <td style={{ color: "grey", fontStyle: "italic" }}>
+          {this.props.user.email}
+        </td>
+        <td style={{ color: "grey", fontStyle: "italic" }}>
+          {this.props.user.zendesk_role}
         </td>
-        <td>{this.props.user.email}</td>
-        <td>{this.props.user.zendesk_role}</td>
       </tr>
     );
   }