Transform ChangeServer components tree to typescript (#725)

1 files changed, 0 insertions, 115 deletions

diff --git a/src/components/ui/Infobox.js b/src/components/ui/Infobox.js
deleted file mode 100644
index 8fb80d87f..000000000
--- a/src/components/ui/Infobox.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
-import Loader from 'react-loader';
-import { defineMessages, injectIntl } from 'react-intl';
-import { mdiAlert, mdiCheckboxMarkedCircleOutline, mdiClose } from '@mdi/js';
-import Icon from '../ui/icon';
-
-const icons = {
-  'checkbox-marked-circle-outline': mdiCheckboxMarkedCircleOutline,
-  alert: mdiAlert,
-};
-
-const messages = defineMessages({
-  dismiss: {
-    id: 'infobox.dismiss',
-    defaultMessage: 'Dismiss',
-  },
-});
-
-// Can this file be merged into the './infobox/index.tsx' file?
-class Infobox extends Component {
-  static propTypes = {
-    // eslint-disable-next-line react/forbid-prop-types
-    children: PropTypes.any.isRequired,
-    icon: PropTypes.string,
-    type: PropTypes.string,
-    ctaOnClick: PropTypes.func,
-    ctaLabel: PropTypes.string,
-    ctaLoading: PropTypes.bool,
-    dismissable: PropTypes.bool,
-    onDismiss: PropTypes.func,
-    onSeen: PropTypes.func,
-  };
-
-  static defaultProps = {
-    icon: '',
-    type: 'primary',
-    dismissable: false,
-    ctaOnClick: () => null,
-    ctaLabel: '',
-    ctaLoading: false,
-    onDismiss: () => null,
-    onSeen: () => null,
-  };
-
-  state = {
-    dismissed: false,
-  };
-
-  componentDidMount() {
-    const { onSeen } = this.props;
-    if (onSeen) onSeen();
-  }
-
-  render() {
-    const {
-      children,
-      icon,
-      type,
-      ctaLabel,
-      ctaLoading,
-      ctaOnClick,
-      dismissable,
-      onDismiss,
-    } = this.props;
-
-    const { intl } = this.props;
-
-    if (this.state.dismissed) {
-      return null;
-    }
-
-    return (
-      <div
-        className={classnames({
-          infobox: true,
-          [`infobox--${type}`]: type,
-          'infobox--default': !type,
-        })}
-      >
-        {icon && <Icon icon={icons[icon]} />}
-        <div className="infobox__content">{children}</div>
-        {ctaLabel && (
-          <button className="infobox__cta" onClick={ctaOnClick} type="button">
-            <Loader
-              loaded={!ctaLoading}
-              lines={10}
-              scale={0.3}
-              color="#FFF"
-              component="span"
-            />
-            {ctaLabel}
-          </button>
-        )}
-        {dismissable && (
-          <button
-            type="button"
-            onClick={() => {
-              this.setState({ dismissed: true });
-              if (onDismiss) onDismiss();
-            }}
-            className="infobox__delete"
-            aria-label={intl.formatMessage(messages.dismiss)}
-          >
-            <Icon icon={mdiClose} />
-          </button>
-        )}
-      </div>
-    );
-  }
-}
-
-export default injectIntl(observer(Infobox));