Prettier legacy JS

legacy-js/components/feed.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
-import React from 'react';
-import request from 'axios';
-import _ from 'lodash';
-import transformers from '../util';
-import api from '../api';
+import React from "react";
+import request from "axios";
+import _ from "lodash";
+import transformers from "../util";
+import api from "../api";
 
 function throwError(err) {
   setTimeout(() => {
@@ -19,28 +19,36 @@ export default class Feed extends React.Component {
   };
 
   componentDidMount() {
-    request.get(api('feeds'))
+    request
+      .get(api("feeds"))
 
-    .then((res) => {
+      .then(res => {
+        const messages = _(res.data)
+          .map((messages, type) => transformers[type](messages))
+          .flatten()
+          .value();
 
-      const messages = _(res.data)
-        .map((messages, type) => transformers[type](messages))
-        .flatten()
-        .value();
-
-      this.setState({
-        messages: _(messages).sortBy('timestamp').reverse().value().slice(0, 40)
-      });
-    }).catch(throwError);
+        this.setState({
+          messages: _(messages)
+            .sortBy("timestamp")
+            .reverse()
+            .value()
+            .slice(0, 40)
+        });
+      })
+      .catch(throwError);
   }
 
   render() {
     var messages = this.state.messages.map((message, i) => {
-
       var image = <img src={message.image} />;
 
-      if(message.imageLink) {
-        image = <a target="_blank" href={message.imageLink}>{image}</a>;
+      if (message.imageLink) {
+        image = (
+          <a target="_blank" href={message.imageLink}>
+            {image}
+          </a>
+        );
       }
 
       return (
@@ -50,23 +58,24 @@ export default class Feed extends React.Component {
             <div className="message__user">
               <a href={message.userLink}>{message.user}</a>
             </div>
-            <div className="message__body" dangerouslySetInnerHTML={{__html:message.body}}></div>
+            <div
+              className="message__body"
+              dangerouslySetInnerHTML={{ __html: message.body }}
+            ></div>
             <div className="message__icon">
               <i className={`fa fa-${message.type}`}></i>
             </div>
             <div className="message__details">
               <span className="message__timestamp">
-                {require('timeago')(message.timestamp)}
+                {require("timeago")(message.timestamp)}
               </span>
               <span className="message__meta">{message.meta}</span>
             </div>
           </div>
         </div>
-      )
+      );
     });
 
-    return (
-      <div className="feed">{messages}</div>
-    )
+    return <div className="feed">{messages}</div>;
   }
-};
+}