fix(ui): dim password field when password generation option is select…

…ed (#1427) * fix(ui): dim password field when password generation option is selected * fix: use ternary operator instead of &&
sct · Apr 15, 2021 · e8bbd44 · e8bbd44
1 parent dceca4d
commit e8bbd44
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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>