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 &&
4 years ago · e8bbd4497a
parent dceca4dd97
commit e8bbd4497a
1 changed files with 6 additions and 2 deletions
--- 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>