Add prettier and re-configure lint according to current best practises

src/components/dev/apps/applicationForm/ApplicationForm.js

@@ -19,109 +19,120 @@ import WebsiteType from './WebsiteType';
 import MinecraftServerType from './MinecraftServerType';
 
 const typeToForm: {
-    [key: ApplicationType]: {
-        label: MessageDescriptor,
-        component: ComponentType<any>,
-    },
+  [key: ApplicationType]: {
+    label: MessageDescriptor,
+    component: ComponentType<any>,
+  },
 } = {
-    [TYPE_APPLICATION]: {
-        label: messages.website,
-        component: WebsiteType,
-    },
-    [TYPE_MINECRAFT_SERVER]: {
-        label: messages.minecraftServer,
-        component: MinecraftServerType,
-    },
+  [TYPE_APPLICATION]: {
+    label: messages.website,
+    component: WebsiteType,
+  },
+  [TYPE_MINECRAFT_SERVER]: {
+    label: messages.minecraftServer,
+    component: MinecraftServerType,
+  },
 };
 
 const typeToLabel: {
-    [key: ApplicationType]: MessageDescriptor,
+  [key: ApplicationType]: MessageDescriptor,
 } = Object.keys(typeToForm).reduce((result, key: ApplicationType) => {
-    result[key] = typeToForm[key].label;
+  result[key] = typeToForm[key].label;
 
-    return result;
+  return result;
 }, {});
 
 export default class ApplicationForm extends Component<{
-    app: OauthAppResponse,
-    form: FormModel,
-    displayTypeSwitcher?: bool,
-    type: ?ApplicationType,
-    setType: (ApplicationType) => void,
-    onSubmit: (FormModel) => Promise<void>,
+  app: OauthAppResponse,
+  form: FormModel,
+  displayTypeSwitcher?: boolean,
+  type: ?ApplicationType,
+  setType: ApplicationType => void,
+  onSubmit: FormModel => Promise<void>,
 }> {
-    static defaultProps = {
-        setType: () => {},
-    };
+  static defaultProps = {
+    setType: () => {},
+  };
 
-    render() {
-        const { type, setType, form, displayTypeSwitcher, app } = this.props;
-        const { component: FormComponent } = type && typeToForm[type] || {};
-        const isUpdate = app.clientId !== '';
+  render() {
+    const { type, setType, form, displayTypeSwitcher, app } = this.props;
+    const { component: FormComponent } = (type && typeToForm[type]) || {};
+    const isUpdate = app.clientId !== '';
 
-        return (
-            <Form form={form} onSubmit={this.onFormSubmit}>
-                <div className={styles.contentWithBackButton}>
-                    <BackButton to="/dev/applications" />
+    return (
+      <Form form={form} onSubmit={this.onFormSubmit}>
+        <div className={styles.contentWithBackButton}>
+          <BackButton to="/dev/applications" />
 
-                    <div className={styles.form}>
-                        <div className={styles.formBody}>
-                            <Message {...(isUpdate ? messages.updatingApplication : messages.creatingApplication)}>
-                                {(pageTitle: string) => (
-                                    <h3 className={styles.title}>
-                                        <Helmet title={pageTitle} />
-                                        {pageTitle}
-                                    </h3>
-                                )}
-                            </Message>
+          <div className={styles.form}>
+            <div className={styles.formBody}>
+              <Message
+                {...(isUpdate
+                  ? messages.updatingApplication
+                  : messages.creatingApplication)}
+              >
+                {(pageTitle: string) => (
+                  <h3 className={styles.title}>
+                    <Helmet title={pageTitle} />
+                    {pageTitle}
+                  </h3>
+                )}
+              </Message>
 
-                            {displayTypeSwitcher && (
-                                <div className={styles.formRow}>
-                                    <ApplicationTypeSwitcher
-                                        selectedType={type}
-                                        setType={setType}
-                                        appTypes={typeToLabel}
-                                    />
-                                </div>
-                            )}
-
-                            {FormComponent ? (
-                                <FormComponent form={form} app={app} />
-                            ) : (
-                                <div className={styles.formRow}>
-                                    <p className={styles.description}>
-                                        <Message {...messages.toDisplayRegistrationFormChooseType} />
-                                    </p>
-                                </div>
-                            )}
-                        </div>
-                    </div>
-
-                    {!!FormComponent && (
-                        <Button
-                            color={COLOR_GREEN}
-                            block
-                            label={isUpdate ? messages.updateApplication : messages.createApplication}
-                            type="submit"
-                        />
-                    )}
+              {displayTypeSwitcher && (
+                <div className={styles.formRow}>
+                  <ApplicationTypeSwitcher
+                    selectedType={type}
+                    setType={setType}
+                    appTypes={typeToLabel}
+                  />
                 </div>
-            </Form>
-        );
+              )}
+
+              {FormComponent ? (
+                <FormComponent form={form} app={app} />
+              ) : (
+                <div className={styles.formRow}>
+                  <p className={styles.description}>
+                    <Message
+                      {...messages.toDisplayRegistrationFormChooseType}
+                    />
+                  </p>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {!!FormComponent && (
+            <Button
+              color={COLOR_GREEN}
+              block
+              label={
+                isUpdate
+                  ? messages.updateApplication
+                  : messages.createApplication
+              }
+              type="submit"
+            />
+          )}
+        </div>
+      </Form>
+    );
+  }
+
+  onFormSubmit = async () => {
+    const { form } = this.props;
+
+    try {
+      await this.props.onSubmit(form);
+    } catch (resp) {
+      if (resp.errors) {
+        form.setErrors(resp.errors);
+
+        return;
+      }
+
+      logger.unexpected(new Error('Error submitting application form'), resp);
     }
-
-    onFormSubmit = async () => {
-        const { form } = this.props;
-
-        try {
-            await this.props.onSubmit(form);
-        } catch (resp) {
-            if (resp.errors) {
-                form.setErrors(resp.errors);
-                return;
-            }
-
-            logger.unexpected(new Error('Error submitting application form'), resp);
-        }
-    };
+  };
 }