chore: codebase improvements (#1930)

3 files changed, 5 insertions, 142 deletions

diff --git a/src/components/ui/FeatureItem.js b/src/components/ui/FeatureItem.js
deleted file mode 100644
index 646cf56ca..000000000
--- a/src/components/ui/FeatureItem.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import injectSheet from 'react-jss';
-import { Icon } from '@meetfranz/ui';
-import classnames from 'classnames';
-import { mdiCheckCircle } from '@mdi/js';
-
-const styles = (theme) => ({
-  featureItem: {
-    borderBottom: [1, 'solid', theme.defaultContentBorder],
-    padding: [8, 0],
-    display: 'flex',
-    alignItems: 'center',
-    textAlign: 'left',
-  },
-  featureIcon: {
-    fill: theme.brandSuccess,
-    marginRight: 10,
-  },
-});
-
-export const FeatureItem = injectSheet(styles)(({
-  classes, className, name, icon,
-}) => (
-  <li className={classnames({
-    [classes.featureItem]: true,
-    [className]: className,
-  })}
-  >
-    {icon ? (
-      <span className={classes.featureIcon}>{icon}</span>
-    ) : (
-      <Icon icon={mdiCheckCircle} className={classes.featureIcon} size={1.5} />
-    )}
-    {name}
-  </li>
-));
-
-export default FeatureItem;
diff --git a/src/components/ui/FeatureList.js b/src/components/ui/FeatureList.js
deleted file mode 100644
index 14e7ec3c4..000000000
--- a/src/components/ui/FeatureList.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import { FeatureItem } from './FeatureItem';
-
-const messages = defineMessages({
-  availableRecipes: {
-    id: 'pricing.features.recipes',
-    defaultMessage: 'Choose from more than 70 Services', // TODO: Make this dynamic
-  },
-  accountSync: {
-    id: 'pricing.features.accountSync',
-    defaultMessage: 'Account Synchronisation',
-  },
-  desktopNotifications: {
-    id: 'pricing.features.desktopNotifications',
-    defaultMessage: 'Desktop Notifications',
-  },
-  unlimitedServices: {
-    id: 'pricing.features.unlimitedServices',
-    defaultMessage: 'Add unlimited services',
-  },
-  spellchecker: {
-    id: 'pricing.features.spellchecker',
-    defaultMessage: 'Spellchecker support',
-  },
-  workspaces: {
-    id: 'pricing.features.workspaces',
-    defaultMessage: 'Workspaces',
-  },
-  customWebsites: {
-    id: 'pricing.features.customWebsites',
-    defaultMessage: 'Add Custom Websites',
-  },
-  onPremise: {
-    id: 'pricing.features.onPremise',
-    defaultMessage: 'On-premise & other Hosted Services',
-  },
-  thirdPartyServices: {
-    id: 'pricing.features.thirdPartyServices',
-    defaultMessage: 'Install 3rd party services',
-  },
-  serviceProxies: {
-    id: 'pricing.features.serviceProxies',
-    defaultMessage: 'Service Proxies',
-  },
-  teamManagement: {
-    id: 'pricing.features.teamManagement',
-    defaultMessage: 'Team Management',
-  },
-});
-
-export class FeatureList extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-    featureClassName: PropTypes.string,
-  };
-
-  static defaultProps = {
-    className: '',
-    featureClassName: '',
-  };
-
-  render() {
-    const { className, featureClassName } = this.props;
-    const { intl } = this.props;
-
-    const features = [
-      messages.availableRecipes,
-      messages.accountSync,
-      messages.desktopNotifications,
-
-      messages.spellchecker,
-
-      messages.workspaces,
-      messages.customWebsites,
-      messages.thirdPartyServices,
-
-      messages.unlimitedServices,
-      messages.onPremise,
-      messages.serviceProxies,
-      messages.teamManagement,
-    ];
-
-    return (
-      <ul className={className}>
-        {features.map(feature => (
-          <FeatureItem
-            name={intl.formatMessage(feature)}
-            className={featureClassName}
-          />
-        ))}
-      </ul>
-    );
-  }
-}
-
-export default injectIntl(FeatureList);
diff --git a/src/components/ui/Input.js b/src/components/ui/Input.js
index 335367f03..43fab10ee 100644
--- a/src/components/ui/Input.js
+++ b/src/components/ui/Input.js
@@ -42,7 +42,7 @@ class Input extends Component {
     passwordScore: 0,
   };
 
-  inputElement = null;
+  inputElement;
 
   componentDidMount() {
     if (this.props.focus) {
@@ -133,10 +133,10 @@ class Input extends Component {
               {/* <progress value={this.state.passwordScore} max="100" /> */}
               <meter
                 value={passwordScore < 5 ? 5 : passwordScore}
-                low="30"
-                high="75"
-                optimum="100"
-                max="100"
+                low={30}
+                high={75}
+                optimum={100}
+                max={100}
               />
             </div>
           )}