From e8bbd4497a5eab6357fa7b37c9906285b3d1f64f Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Thu, 15 Apr 2021 07:46:19 -0400
Subject: [PATCH] fix(ui): dim password field when password generation option
 is selected (#1427)

* fix(ui): dim password field when password generation option is selected

* fix: use ternary operator instead of &&
---
 src/components/UserList/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/UserList/index.tsx b/src/components/UserList/index.tsx
index c99a39d9e..5d9983f9b 100644
--- a/src/components/UserList/index.tsx
+++ b/src/components/UserList/index.tsx
@@ -372,7 +372,7 @@ const UserList: React.FC = () => {
                   </div>
                   <div
                     className={`form-row ${
-                      !notificationSettings?.emailEnabled && 'opacity-50'
+                      notificationSettings?.emailEnabled ? '' : 'opacity-50'
                     }`}
                   >
                     <label htmlFor="genpassword" className="checkbox-label">
@@ -388,7 +388,11 @@ const UserList: React.FC = () => {
                       />
                     </div>
                   </div>
-                  <div className="form-row">
+                  <div
+                    className={`form-row ${
+                      values.genpassword ? 'opacity-50' : ''
+                    }`}
+                  >
                     <label htmlFor="password" className="text-label">
                       {intl.formatMessage(messages.password)}
                     </label>