Change prettier rules

packages/app/components/profile/changeUsername/ChangeUsername.intl.json

@@ -1,6 +1,6 @@
 {
-  "changeUsernameTitle": "Change nickname",
-  "changeUsernameDescription": "You can change your nickname to any arbitrary value. Remember that it is not recommended to take a nickname of already existing Mojang account.",
-  "changeUsernameWarning": "Be careful: if you playing on the server with nickname binding, then after changing nickname you may lose all your progress.",
-  "changeUsernameButton": "Change nickname"
+    "changeUsernameTitle": "Change nickname",
+    "changeUsernameDescription": "You can change your nickname to any arbitrary value. Remember that it is not recommended to take a nickname of already existing Mojang account.",
+    "changeUsernameWarning": "Be careful: if you playing on the server with nickname binding, then after changing nickname you may lose all your progress.",
+    "changeUsernameButton": "Change nickname"
 }

packages/app/components/profile/changeUsername/ChangeUsername.tsx

@@ -8,86 +8,81 @@ import styles from '../profileForm.scss';
 import messages from './ChangeUsername.intl.json';
 
 interface Props {
-  username: string;
-  form: FormModel;
-  onChange: (name: string) => void;
-  onSubmit: (form: FormModel) => Promise<void>;
+    username: string;
+    form: FormModel;
+    onChange: (name: string) => void;
+    onSubmit: (form: FormModel) => Promise<void>;
 }
 
 export default class ChangeUsername extends React.Component<Props> {
-  static get defaultProps(): Partial<Props> {
-    return {
-      form: new FormModel(),
+    static get defaultProps(): Partial<Props> {
+        return {
+            form: new FormModel(),
+        };
+    }
+
+    render() {
+        const { form, username } = this.props;
+
+        return (
+            <Form onSubmit={this.onFormSubmit} form={form}>
+                <div className={styles.contentWithBackButton}>
+                    <BackButton />
+
+                    <div className={styles.form}>
+                        <div className={styles.formBody}>
+                            <Message {...messages.changeUsernameTitle}>
+                                {(pageTitle) => (
+                                    <h3 className={styles.title}>
+                                        <Helmet title={pageTitle as string} />
+                                        {pageTitle}
+                                    </h3>
+                                )}
+                            </Message>
+
+                            <div className={styles.formRow}>
+                                <p className={styles.description}>
+                                    <Message {...messages.changeUsernameDescription} />
+                                </p>
+                            </div>
+
+                            <div className={styles.formRow}>
+                                <Input
+                                    {...form.bindField('username')}
+                                    value={username}
+                                    onChange={this.onUsernameChange}
+                                    required
+                                    skin="light"
+                                />
+                            </div>
+
+                            <div className={styles.formRow}>
+                                <p className={styles.description}>
+                                    <Message {...messages.changeUsernameWarning} />
+                                </p>
+                            </div>
+                        </div>
+
+                        <Button color="green" block label={messages.changeUsernameButton} type="submit" />
+                    </div>
+                </div>
+            </Form>
+        );
+    }
+
+    onUsernameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+        this.props.onChange(event.target.value);
     };
-  }
 
-  render() {
-    const { form, username } = this.props;
+    onFormSubmit = () => {
+        const { form } = this.props;
 
-    return (
-      <Form onSubmit={this.onFormSubmit} form={form}>
-        <div className={styles.contentWithBackButton}>
-          <BackButton />
-
-          <div className={styles.form}>
-            <div className={styles.formBody}>
-              <Message {...messages.changeUsernameTitle}>
-                {(pageTitle) => (
-                  <h3 className={styles.title}>
-                    <Helmet title={pageTitle as string} />
-                    {pageTitle}
-                  </h3>
-                )}
-              </Message>
-
-              <div className={styles.formRow}>
-                <p className={styles.description}>
-                  <Message {...messages.changeUsernameDescription} />
-                </p>
-              </div>
-
-              <div className={styles.formRow}>
-                <Input
-                  {...form.bindField('username')}
-                  value={username}
-                  onChange={this.onUsernameChange}
-                  required
-                  skin="light"
-                />
-              </div>
-
-              <div className={styles.formRow}>
-                <p className={styles.description}>
-                  <Message {...messages.changeUsernameWarning} />
-                </p>
-              </div>
-            </div>
-
-            <Button
-              color="green"
-              block
-              label={messages.changeUsernameButton}
-              type="submit"
-            />
-          </div>
-        </div>
-      </Form>
-    );
-  }
-
-  onUsernameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    this.props.onChange(event.target.value);
-  };
-
-  onFormSubmit = () => {
-    const { form } = this.props;
-
-    this.props.onSubmit(form).catch((resp) => {
-      if (resp.errors) {
-        form.setErrors(resp.errors);
-      } else {
-        return Promise.reject(resp);
-      }
-    });
-  };
+        this.props.onSubmit(form).catch((resp) => {
+            if (resp.errors) {
+                form.setErrors(resp.errors);
+            } else {
+                return Promise.reject(resp);
+            }
+        });
+    };
 }