Implemented strict mode for the project (broken tests, hundreds of @ts-ignore and new errors are included) [skip ci]

packages/app/components/auth/activation/ActivationBody.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+
+import { FormattedMessage as Message } from 'react-intl';
+
+import { Input } from 'app/components/ui/form';
+
+import BaseAuthBody from 'app/components/auth/BaseAuthBody';
+import styles from './activation.scss';
+import messages from './Activation.intl.json';
+
+export default class ActivationBody extends BaseAuthBody {
+  static displayName = 'ActivationBody';
+  static panelId = 'activation';
+
+  autoFocusField =
+    this.props.match.params && this.props.match.params.key ? null : 'key';
+
+  render() {
+    const { key } = this.props.match.params;
+    const { email } = this.context.user;
+
+    return (
+      <div>
+        {this.renderErrors()}
+
+        <div className={styles.description}>
+          <div className={styles.descriptionImage} />
+
+          <div className={styles.descriptionText}>
+            {email ? (
+              <Message
+                {...messages.activationMailWasSent}
+                values={{
+                  email: <b>{email}</b>,
+                }}
+              />
+            ) : (
+              <Message {...messages.activationMailWasSentNoEmail} />
+            )}
+          </div>
+        </div>
+        <div className={styles.formRow}>
+          <Input
+            {...this.bindField('key')}
+            color="blue"
+            center
+            required
+            value={key}
+            readOnly={!!key}
+            autoComplete="off"
+            placeholder={messages.enterTheCode}
+          />
+        </div>
+      </div>
+    );
+  }
+}