Translations

plugins/talk-plugin-auth/client/profile-settings/components/ChangeUsername.js

@@ -127,7 +127,10 @@ class ChangeUsername extends React.Component {
               className={cn(styles.button, styles.saveButton)}
               icon="save"
               onClick={this.onSave}
-              disabled={!this.state.formData.newUsername}
+              disabled={
+                !this.state.formData.newUsername &&
+                this.state.formData.newUsername !== username
+              }
             >
               {t('talk-plugin-auth.change_username.save')}
             </Button>

plugins/talk-plugin-auth/client/profile-settings/components/ChangeUsernameDialog.js

@@ -92,7 +92,7 @@ class ChangeUsernameDialog extends React.Component {
 
 ChangeUsernameDialog.propTypes = {
   closeDialog: PropTypes.func,
-  showDialog: PropTypes.func,
+  showDialog: PropTypes.bool,
   onChange: PropTypes.func,
   username: PropTypes.string,
   formData: PropTypes.object,

plugins/talk-plugin-auth/client/profile-settings/components/InputField.css

@@ -31,6 +31,10 @@
     line-height: 30px; 
   }
 
+  &.error {
+    border: solid 2px #FA4643;
+  }
+
   &.disabled {
     background-color: #E0E0E0;
   }

plugins/talk-plugin-auth/client/profile-settings/components/InputField.js

@@ -74,7 +74,7 @@ const InputField = ({
 
 InputField.propTypes = {
   id: PropTypes.string,
-  disabled: PropTypes.boolean,
+  disabled: PropTypes.bool,
   label: PropTypes.string,
   type: PropTypes.string,
   name: PropTypes.string.isRequired,