Prettier legacy JS

legacy-js/components/inviteForm.js

@@ -1,20 +1,20 @@
-'use strict';
+"use strict";
 
-import request from 'axios';
-import React from 'react';
-import classSet from 'classnames';
-import api from '../api';
-import Loader from './loader';
+import request from "axios";
+import React from "react";
+import classSet from "classnames";
+import api from "../api";
+import Loader from "./loader";
 
 export default class InviteForm extends React.Component {
   state = {
-    email: '',
+    email: "",
     submitted: false,
     sending: false,
     error: null
   };
 
-  onSubmit = (e) => {
+  onSubmit = e => {
     e.preventDefault();
 
     this.setState({
@@ -23,23 +23,24 @@ export default class InviteForm extends React.Component {
       error: null
     });
 
-    request.post(api('invites'), {
-      email: this.state.email.trim()
-    })
-    .then(this.handleSuccess)
-    .catch(this.handleError);
+    request
+      .post(api("invites"), {
+        email: this.state.email.trim()
+      })
+      .then(this.handleSuccess)
+      .catch(this.handleError);
   };
 
   handleSuccess = () => {
-    this.setState({submitted: true, sending: false});
+    this.setState({ submitted: true, sending: false });
   };
 
-  handleError = (err) => {
-    this.setState({error: err, sending: false});
+  handleError = err => {
+    this.setState({ error: err, sending: false });
   };
 
-  onChange = (e) => {
-    if(e.target.value === this.state.email) {
+  onChange = e => {
+    if (e.target.value === this.state.email) {
       return;
     }
     this.setState({
@@ -51,62 +52,66 @@ export default class InviteForm extends React.Component {
 
   render() {
     var formClasses = classSet({
-      'form': true,
-      'invite-form': true,
-      'has-success': this.state.submitted,
-      'has-error': this.state.error,
-      'sending': this.state.sending
+      form: true,
+      "invite-form": true,
+      "has-success": this.state.submitted,
+      "has-error": this.state.error,
+      sending: this.state.sending
     });
 
     var inputClasses = classSet({
-      'input': true,
-      'has-success': this.state.submitted,
-      'has-error': this.state.error
+      input: true,
+      "has-success": this.state.submitted,
+      "has-error": this.state.error
     });
 
     var feedbackMessage;
 
-    if(this.state.error || this.state.submitted) {
+    if (this.state.error || this.state.submitted) {
       let messageText;
 
-      if(this.state.submitted) {
-        messageText = 'Kutsu lähetetty antamaasi sähköpostiosoitteeseen.';
-      } else if(this.state.error.status === 400 && this.state.error.data === 'invalid_email') {
-        messageText = 'Tarkasta syöttämäsi sähköpostiosoite';
-      } else if(this.state.error.status === 400 && this.state.error.data === 'already_invited') {
-        messageText = 'Sähköpostiosoitteeseen on jo lähetetty kutsu';
+      if (this.state.submitted) {
+        messageText = "Kutsu lähetetty antamaasi sähköpostiosoitteeseen.";
+      } else if (
+        this.state.error.status === 400 &&
+        this.state.error.data === "invalid_email"
+      ) {
+        messageText = "Tarkasta syöttämäsi sähköpostiosoite";
+      } else if (
+        this.state.error.status === 400 &&
+        this.state.error.data === "already_invited"
+      ) {
+        messageText = "Sähköpostiosoitteeseen on jo lähetetty kutsu";
       } else {
-        messageText = 'Jotain meni pieleen. Yritä hetken päästä uudelleen.';
+        messageText = "Jotain meni pieleen. Yritä hetken päästä uudelleen.";
       }
 
-      feedbackMessage = (
-        <div className='form--message'>
-          {messageText}
-        </div>
-      );
+      feedbackMessage = <div className="form--message">{messageText}</div>;
     }
 
     return (
       <form className={formClasses} onSubmit={this.onSubmit}>
         <input
           className={inputClasses}
-          type='text'
-          name='email'
-          placeholder='Email'
+          type="text"
+          name="email"
+          placeholder="Email"
           value={this.state.email}
-          onChange={this.onChange} />
+          onChange={this.onChange}
+        />
         <button
-          className='btn btn__submit'
-          type='submit'
-          title='Lähetä'
-          disabled={this.state.error || this.state.submitted}>
+          className="btn btn__submit"
+          type="submit"
+          title="Lähetä"
+          disabled={this.state.error || this.state.submitted}
+        >
           Lähetä
         </button>
-        <div className='invite-form__loader'>
+        <div className="invite-form__loader">
           <Loader />
         </div>
         {feedbackMessage}
       </form>
     );
   }
-};
+}