Updated styles in javascript to fulfill adidas rules

src/servers/helpers/ImportServersBtn.js

@@ -1,24 +1,24 @@
-import React  from 'react';
+import React from 'react';
 import { connect } from 'react-redux';
 import { UncontrolledTooltip } from 'reactstrap';
-import serversImporter, { serversImporterType } from '../services/ServersImporter';
-import { createServers } from '../reducers/server';
 import { assoc } from 'ramda';
 import { v4 as uuid } from 'uuid';
 import PropTypes from 'prop-types';
+import { createServers } from '../reducers/server';
+import serversImporter, { serversImporterType } from '../services/ServersImporter';
 
 const defaultProps = {
   serversImporter,
-  onImport: () => {},
+  onImport: () => ({}),
 };
 const propTypes = {
   onImport: PropTypes.func,
   serversImporter: serversImporterType,
   createServers: PropTypes.func,
-  fileRef: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),
+  fileRef: PropTypes.oneOfType([ PropTypes.object, PropTypes.node ]),
 };
 
-export class ImportServersBtn extends React.Component {
+export class ImportServersBtnComponent extends React.Component {
   constructor(props) {
     super(props);
     this.fileRef = props.fileRef || React.createRef();
@@ -26,9 +26,9 @@ export class ImportServersBtn extends React.Component {
 
   render() {
     const { serversImporter: { importServersFromFile }, onImport, createServers } = this.props;
-    const onChange = e =>
+    const onChange = (e) =>
       importServersFromFile(e.target.files[0])
-        .then(servers => servers.map(server => assoc('id', uuid(), server)))
+        .then((servers) => servers.map((server) => assoc('id', uuid(), server)))
         .then(createServers)
         .then(onImport);
 
@@ -37,28 +37,30 @@ export class ImportServersBtn extends React.Component {
         <button
           type="button"
           className="btn btn-outline-secondary mr-2"
-          onClick={() => this.fileRef.current.click()}
           id="importBtn"
+          onClick={() => this.fileRef.current.click()}
         >
           Import from file
         </button>
         <UncontrolledTooltip placement="top" target="importBtn">
-          You can create servers by importing a CSV file with columns "name", "apiKey" and "url"
+          You can create servers by importing a CSV file with columns <b>name</b>, <b>apiKey</b> and <b>url</b>
         </UncontrolledTooltip>
 
         <input
           type="file"
-          onChange={onChange}
           accept="text/csv"
           className="create-server__csv-select"
           ref={this.fileRef}
+          onChange={onChange}
         />
       </React.Fragment>
     );
   }
 }
 
-ImportServersBtn.defaultProps = defaultProps;
-ImportServersBtn.propTypes = propTypes;
+ImportServersBtnComponent.defaultProps = defaultProps;
+ImportServersBtnComponent.propTypes = propTypes;
 
-export default connect(null, { createServers })(ImportServersBtn);
+const ImportServersBtn = connect(null, { createServers })(ImportServersBtnComponent);
+
+export default ImportServersBtn;