Transform to TS and refactored components w.r.t deletion if duplicated Input component (#729)

1 files changed, 0 insertions, 148 deletions

diff --git a/src/components/auth/Locked.js b/src/components/auth/Locked.js
deleted file mode 100644
index 6e32dd980..000000000
--- a/src/components/auth/Locked.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import { systemPreferences } from '@electron/remote';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import Form from '../../lib/Form';
-import Input from '../ui/Input';
-import Button from '../ui/button';
-import { H1 } from '../ui/headline';
-import { isMac } from '../../environment';
-
-import { globalError as globalErrorPropType } from '../../prop-types';
-
-const messages = defineMessages({
-  headline: {
-    id: 'locked.headline',
-    defaultMessage: 'Locked',
-  },
-  touchId: {
-    id: 'locked.touchId',
-    defaultMessage: 'Unlock with Touch ID',
-  },
-  touchIdPrompt: {
-    id: 'locked.touchIdPrompt',
-    defaultMessage: 'unlock via Touch ID',
-  },
-  passwordLabel: {
-    id: 'locked.password.label',
-    defaultMessage: 'Password',
-  },
-  submitButtonLabel: {
-    id: 'locked.submit.label',
-    defaultMessage: 'Unlock',
-  },
-  unlockWithPassword: {
-    id: 'locked.unlockWithPassword',
-    defaultMessage: 'Unlock with Password',
-  },
-  invalidCredentials: {
-    id: 'locked.invalidCredentials',
-    defaultMessage: 'Password invalid',
-  },
-});
-
-class Locked extends Component {
-  static propTypes = {
-    onSubmit: PropTypes.func.isRequired,
-    unlock: PropTypes.func.isRequired,
-    isSubmitting: PropTypes.bool.isRequired,
-    useTouchIdToUnlock: PropTypes.bool.isRequired,
-    error: globalErrorPropType.isRequired,
-  };
-
-  form = (() => {
-    const { intl } = this.props;
-    return new Form(
-      {
-        fields: {
-          password: {
-            label: intl.formatMessage(messages.passwordLabel),
-            value: '',
-            type: 'password',
-          },
-        },
-      },
-      intl,
-    );
-  })();
-
-  submit(e) {
-    e.preventDefault();
-    this.form.submit({
-      onSuccess: form => {
-        this.props.onSubmit(form.values());
-      },
-      onError: () => {},
-    });
-  }
-
-  touchIdUnlock() {
-    const { intl } = this.props;
-
-    systemPreferences
-      .promptTouchID(intl.formatMessage(messages.touchIdPrompt))
-      .then(() => {
-        this.props.unlock();
-      });
-  }
-
-  render() {
-    const { form } = this;
-    const { intl } = this.props;
-    const { isSubmitting, error, useTouchIdToUnlock } = this.props;
-
-    const touchIdEnabled = isMac
-      ? useTouchIdToUnlock && systemPreferences.canPromptTouchID()
-      : false;
-    const submitButtonLabel = touchIdEnabled
-      ? intl.formatMessage(messages.unlockWithPassword)
-      : intl.formatMessage(messages.submitButtonLabel);
-
-    return (
-      <div className="auth__container">
-        <form className="franz-form auth__form" onSubmit={e => this.submit(e)}>
-          <img src="./assets/images/logo.svg" className="auth__logo" alt="" />
-          <H1>{intl.formatMessage(messages.headline)}</H1>
-
-          {touchIdEnabled && (
-            <>
-              <Button
-                className="auth__button touchid__button"
-                label={intl.formatMessage(messages.touchId)}
-                onClick={() => this.touchIdUnlock()}
-                type="button"
-              />
-              <hr className="locked__or_line" />
-            </>
-          )}
-
-          <Input field={form.$('password')} showPasswordToggle focus />
-          {error.code === 'invalid-credentials' && (
-            <p className="error-message center">
-              {intl.formatMessage(messages.invalidCredentials)}
-            </p>
-          )}
-          {isSubmitting ? (
-            <Button
-              className="auth__button is-loading"
-              buttonType="secondary"
-              label={`${submitButtonLabel} ...`}
-              loaded={false}
-              disabled
-            />
-          ) : (
-            <Button
-              type="submit"
-              className="auth__button"
-              label={submitButtonLabel}
-            />
-          )}
-        </form>
-      </div>
-    );
-  }
-}
-
-export default injectIntl(observer(Locked));