Change prettier rules

packages/app/components/auth/permissions/Permissions.intl.json

@@ -1,12 +1,12 @@
 {
-  "permissionsTitle": "Application permissions",
-  "youAuthorizedAs": "You authorized as:",
-  "theAppNeedsAccess1": "This application needs access",
-  "theAppNeedsAccess2": "to your data",
-  "decline": "Decline",
-  "approve": "Approve",
-  "scope_minecraft_server_session": "Authorization data for minecraft server",
-  "scope_offline_access": "Access to your profile data, when you offline",
-  "scope_account_info": "Access to your profile data (except E‑mail)",
-  "scope_account_email": "Access to your E‑mail address"
+    "permissionsTitle": "Application permissions",
+    "youAuthorizedAs": "You authorized as:",
+    "theAppNeedsAccess1": "This application needs access",
+    "theAppNeedsAccess2": "to your data",
+    "decline": "Decline",
+    "approve": "Approve",
+    "scope_minecraft_server_session": "Authorization data for minecraft server",
+    "scope_offline_access": "Access to your profile data, when you offline",
+    "scope_account_info": "Access to your profile data (except E‑mail)",
+    "scope_account_email": "Access to your E‑mail address"
 }

packages/app/components/auth/permissions/Permissions.ts

@@ -3,14 +3,14 @@ import messages from './Permissions.intl.json';
 import Body from './PermissionsBody';
 
 export default factory({
-  title: messages.permissionsTitle,
-  body: Body,
-  footer: {
-    color: 'orange',
-    autoFocus: true,
-    label: messages.approve,
-  },
-  links: {
-    label: messages.decline,
-  },
+    title: messages.permissionsTitle,
+    body: Body,
+    footer: {
+        color: 'orange',
+        autoFocus: true,
+        label: messages.approve,
+    },
+    links: {
+        label: messages.decline,
+    },
 });

packages/app/components/auth/permissions/PermissionsBody.tsx

@@ -8,58 +8,52 @@ import styles from './permissions.scss';
 import messages from './Permissions.intl.json';
 
 export default class PermissionsBody extends BaseAuthBody {
-  static displayName = 'PermissionsBody';
-  static panelId = 'permissions';
+    static displayName = 'PermissionsBody';
+    static panelId = 'permissions';
 
-  render() {
-    const { user } = this.context;
-    const { scopes } = this.context.auth;
+    render() {
+        const { user } = this.context;
+        const { scopes } = this.context.auth;
 
-    return (
-      <div>
-        {this.renderErrors()}
+        return (
+            <div>
+                {this.renderErrors()}
 
-        <PanelBodyHeader>
-          <div className={styles.authInfo}>
-            <div className={styles.authInfoAvatar}>
-              {user.avatar ? (
-                <img src={user.avatar} />
-              ) : (
-                <span className={icons.user} />
-              )}
+                <PanelBodyHeader>
+                    <div className={styles.authInfo}>
+                        <div className={styles.authInfoAvatar}>
+                            {user.avatar ? <img src={user.avatar} /> : <span className={icons.user} />}
+                        </div>
+                        <div className={styles.authInfoTitle}>
+                            <Message {...messages.youAuthorizedAs} />
+                        </div>
+                        <div className={styles.authInfoEmail}>{user.username}</div>
+                    </div>
+                </PanelBodyHeader>
+                <div className={styles.permissionsContainer}>
+                    <div className={styles.permissionsTitle}>
+                        <Message {...messages.theAppNeedsAccess1} />
+                        <br />
+                        <Message {...messages.theAppNeedsAccess2} />
+                    </div>
+                    <ul className={styles.permissionsList}>
+                        {scopes.map((scope) => {
+                            const key = `scope_${scope}`;
+                            const message = messages[key];
+
+                            return (
+                                <li key={key}>
+                                    {message ? (
+                                        <Message {...message} />
+                                    ) : (
+                                        scope.replace(/^\w|_/g, (match) => match.replace('_', ' ').toUpperCase())
+                                    )}
+                                </li>
+                            );
+                        })}
+                    </ul>
+                </div>
             </div>
-            <div className={styles.authInfoTitle}>
-              <Message {...messages.youAuthorizedAs} />
-            </div>
-            <div className={styles.authInfoEmail}>{user.username}</div>
-          </div>
-        </PanelBodyHeader>
-        <div className={styles.permissionsContainer}>
-          <div className={styles.permissionsTitle}>
-            <Message {...messages.theAppNeedsAccess1} />
-            <br />
-            <Message {...messages.theAppNeedsAccess2} />
-          </div>
-          <ul className={styles.permissionsList}>
-            {scopes.map((scope) => {
-              const key = `scope_${scope}`;
-              const message = messages[key];
-
-              return (
-                <li key={key}>
-                  {message ? (
-                    <Message {...message} />
-                  ) : (
-                    scope.replace(/^\w|_/g, (match) =>
-                      match.replace('_', ' ').toUpperCase(),
-                    )
-                  )}
-                </li>
-              );
-            })}
-          </ul>
-        </div>
-      </div>
-    );
-  }
+        );
+    }
 }

packages/app/components/auth/permissions/permissions.scss

@@ -2,76 +2,76 @@
 @import '~app/components/ui/fonts.scss';
 
 .authInfo {
-  // Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
-  padding: 5px 20px 7px;
-  text-align: left;
+    // Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
+    padding: 5px 20px 7px;
+    text-align: left;
 }
 
 .authInfoAvatar {
-  $size: 30px;
+    $size: 30px;
 
-  float: left;
-  height: $size;
-  width: $size;
-  font-size: $size;
-  line-height: 1;
-  margin-right: 10px;
-  margin-top: 2px;
-  color: #aaa;
+    float: left;
+    height: $size;
+    width: $size;
+    font-size: $size;
+    line-height: 1;
+    margin-right: 10px;
+    margin-top: 2px;
+    color: #aaa;
 
-  img {
-    width: 100%;
-  }
+    img {
+        width: 100%;
+    }
 }
 
 .authInfoTitle {
-  font-size: 14px;
-  color: #666;
+    font-size: 14px;
+    color: #666;
 }
 
 .authInfoEmail {
-  font-family: $font-family-title;
-  font-size: 20px;
-  line-height: 16px;
-  color: #fff;
+    font-family: $font-family-title;
+    font-size: 20px;
+    line-height: 16px;
+    color: #fff;
 }
 
 .permissionsContainer {
-  padding: 15px 12px;
-  text-align: left;
+    padding: 15px 12px;
+    text-align: left;
 }
 
 .permissionsTitle {
-  font-family: $font-family-title;
-  font-size: 18px;
-  color: #dd8650;
-  padding-bottom: 6px;
+    font-family: $font-family-title;
+    font-size: 18px;
+    color: #dd8650;
+    padding-bottom: 6px;
 }
 
 .permissionsList {
-  list-style: none;
-  margin-top: 10px;
+    list-style: none;
+    margin-top: 10px;
 
-  li {
-    color: #a9a9a9;
-    font-size: 14px;
-    line-height: 1.4;
-    padding-bottom: 4px;
-    padding-left: 17px;
-    position: relative;
+    li {
+        color: #a9a9a9;
+        font-size: 14px;
+        line-height: 1.4;
+        padding-bottom: 4px;
+        padding-left: 17px;
+        position: relative;
 
-    &:last-of-type {
-      padding-bottom: 0;
+        &:last-of-type {
+            padding-bottom: 0;
+        }
+
+        &:before {
+            content: '• ';
+            color: lighter($light_violet);
+            font-size: 39px; // ~ 9px
+            line-height: 9px;
+            position: absolute;
+            top: 6px;
+            left: -4px;
+        }
     }
-
-    &:before {
-      content: '• ';
-      color: lighter($light_violet);
-      font-size: 39px; // ~ 9px
-      line-height: 9px;
-      position: absolute;
-      top: 6px;
-      left: -4px;
-    }
-  }
 }