Change prettier rules

packages/app/components/auth/recoverPassword/RecoverPassword.intl.json

@@ -1,12 +1,12 @@
 {
-  "title": "Restore password",
-  "contactSupport": "Contact support",
-  "messageWasSent": "The recovery code was sent to your account E‑mail.",
-  "messageWasSentTo": "The recovery code was sent to your E‑mail {email}.",
-  "enterCodeBelow": "Please enter the code received into the field below:",
-  "enterNewPasswordBelow": "Enter and repeat new password below:",
-  "change": "Change password",
-  "newPassword": "Enter new password",
-  "newRePassword": "Repeat new password",
-  "enterTheCode": "Enter confirmation code"
+    "title": "Restore password",
+    "contactSupport": "Contact support",
+    "messageWasSent": "The recovery code was sent to your account E‑mail.",
+    "messageWasSentTo": "The recovery code was sent to your E‑mail {email}.",
+    "enterCodeBelow": "Please enter the code received into the field below:",
+    "enterNewPasswordBelow": "Enter and repeat new password below:",
+    "change": "Change password",
+    "newPassword": "Enter new password",
+    "newRePassword": "Repeat new password",
+    "enterTheCode": "Enter confirmation code"
 }

packages/app/components/auth/recoverPassword/RecoverPassword.ts

@@ -3,13 +3,13 @@ import messages from './RecoverPassword.intl.json';
 import Body from './RecoverPasswordBody';
 
 export default factory({
-  title: messages.title,
-  body: Body,
-  footer: {
-    color: 'lightViolet',
-    label: messages.change,
-  },
-  links: {
-    label: messages.contactSupport,
-  },
+    title: messages.title,
+    body: Body,
+    footer: {
+        color: 'lightViolet',
+        label: messages.change,
+    },
+    links: {
+        label: messages.contactSupport,
+    },
 });

packages/app/components/auth/recoverPassword/RecoverPasswordBody.tsx

@@ -11,70 +11,67 @@ import messages from './RecoverPassword.intl.json';
 // TODO: activation code field may be decoupled into common component and reused here and in activation panel
 
 export default class RecoverPasswordBody extends BaseAuthBody {
-  static displayName = 'RecoverPasswordBody';
-  static panelId = 'recoverPassword';
-  static hasGoBack = true;
+    static displayName = 'RecoverPasswordBody';
+    static panelId = 'recoverPassword';
+    static hasGoBack = true;
 
-  autoFocusField =
-    this.props.match.params && this.props.match.params.key
-      ? 'newPassword'
-      : 'key';
+    autoFocusField = this.props.match.params && this.props.match.params.key ? 'newPassword' : 'key';
 
-  render() {
-    const { user } = this.context;
-    const { key } = this.props.match.params;
+    render() {
+        const { user } = this.context;
+        const { key } = this.props.match.params;
 
-    return (
-      <div>
-        {this.renderErrors()}
+        return (
+            <div>
+                {this.renderErrors()}
 
-        <p className={styles.descriptionText}>
-          {user.maskedEmail ? (
-            <Message
-              {...messages.messageWasSentTo}
-              values={{
-                email: <b>{user.maskedEmail}</b>,
-              }}
-            />
-          ) : (
-            <Message {...messages.messageWasSent} />
-          )}{' '}
-          <Message {...messages.enterCodeBelow} />
-        </p>
+                <p className={styles.descriptionText}>
+                    {user.maskedEmail ? (
+                        <Message
+                            {...messages.messageWasSentTo}
+                            values={{
+                                email: <b>{user.maskedEmail}</b>,
+                            }}
+                        />
+                    ) : (
+                        <Message {...messages.messageWasSent} />
+                    )}{' '}
+                    <Message {...messages.enterCodeBelow} />
+                </p>
 
-        <Input
-          {...this.bindField('key')}
-          color="lightViolet"
-          center
-          required
-          value={key}
-          readOnly={!!key}
-          autoComplete="off"
-          placeholder={messages.enterTheCode}
-        />
+                <Input
+                    {...this.bindField('key')}
+                    color="lightViolet"
+                    center
+                    required
+                    value={key}
+                    readOnly={!!key}
+                    autoComplete="off"
+                    placeholder={messages.enterTheCode}
+                />
 
-        <p className={styles.descriptionText}>
-          <Message {...messages.enterNewPasswordBelow} />
-        </p>
+                <p className={styles.descriptionText}>
+                    <Message {...messages.enterNewPasswordBelow} />
+                </p>
 
-        <Input
-          {...this.bindField('newPassword')}
-          icon="key"
-          color="lightViolet"
-          type="password"
-          required
-          placeholder={messages.newPassword}
-        />
+                <Input
+                    {...this.bindField('newPassword')}
+                    icon="key"
+                    color="lightViolet"
+                    type="password"
+                    required
+                    placeholder={messages.newPassword}
+                />
 
-        <Input
-          {...this.bindField('newRePassword')}
-          icon="key"
-          color="lightViolet"
-          type="password"
-          required
-          placeholder={messages.newRePassword}
-        />
-      </div>
-    );
-  }
+                <Input
+                    {...this.bindField('newRePassword')}
+                    icon="key"
+                    color="lightViolet"
+                    type="password"
+                    required
+                    placeholder={messages.newRePassword}
+                />
+            </div>
+        );
+    }
 }

packages/app/components/auth/recoverPassword/recoverPassword.scss

@@ -1,8 +1,8 @@
 @import '~app/components/ui/colors.scss';
 
 .descriptionText {
-  font-size: 15px;
-  line-height: 1.4;
-  margin-bottom: 8px;
-  color: #aaa;
+    font-size: 15px;
+    line-height: 1.4;
+    margin-bottom: 8px;
+    color: #aaa;
 }