Apply prettier formatting

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "newsreader",
-  "version": "0.4.4",
+  "version": "0.5.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "newsreader",
-      "version": "0.4.4",
+      "version": "0.5.3",
       "license": "GPL-3.0-or-later",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^5.15.2",

src/newsreader/js/components/Messages.js

@@ -3,13 +3,13 @@ import React from 'react';
 class Messages extends React.Component {
   state = { messages: this.props.messages };
 
-  close = (index) => {
+  close = index => {
     const newMessages = this.state.messages.filter((message, currentIndex) => {
       return currentIndex != index;
     });
 
     this.setState({ messages: newMessages });
-  }
+  };
 
   render() {
     const messages = this.state.messages.map((message, index) => {

src/newsreader/js/components/Selector.js

@@ -9,13 +9,13 @@ class Selector {
     selectAllInput.onchange = this.onClick;
   }
 
-  onClick = (e) => {
+  onClick = e => {
     const targetValue = e.target.checked;
 
     this.inputs.forEach(input => {
       input.checked = targetValue;
     });
-  }
+  };
 }
 
 export default Selector;

src/newsreader/js/pages/categories/App.js

@@ -20,15 +20,15 @@ class App extends React.Component {
     };
   }
 
-  selectCategory = (categoryId) => {
+  selectCategory = categoryId => {
     this.setState({ selectedCategoryId: categoryId });
-  }
+  };
 
   deselectCategory = () => {
     this.setState({ selectedCategoryId: null });
-  }
+  };
 
-  deleteCategory = (categoryId) => {
+  deleteCategory = categoryId => {
     const url = `/api/categories/${categoryId}/`;
     const options = {
       method: 'DELETE',
@@ -56,7 +56,7 @@ class App extends React.Component {
       text: 'Unable to remove category, try again later',
     };
     return this.setState({ selectedCategoryId: null, message: message });
-  }
+  };
 
   render() {
     const { categories } = this.state;

src/newsreader/js/pages/homepage/components/PostModal.js

@@ -31,13 +31,13 @@ class PostModal extends React.Component {
     window.removeEventListener('click', this.modalListener);
   }
 
-  modalListener = (e) => {
+  modalListener = e => {
     const targetClassName = e.target.className;
 
     if (this.props.post && targetClassName == 'modal post-modal') {
       this.props.unSelectPost();
     }
-  }
+  };
 
   render() {
     const post = this.props.post;
@@ -66,7 +66,7 @@ class PostModal extends React.Component {
               <div className="post__actions">
                 <button
                   className={`button read-button ${readButtonDisabled &&
-'button--disabled'}`}
+                    'button--disabled'}`}
                   onClick={() =>
                     !readButtonDisabled && this.props.markPostRead(post, token)
                   }

src/newsreader/js/pages/homepage/components/ScrollTop.js

@@ -24,7 +24,7 @@ export default class ScrollTop extends React.Component {
       showTop: postList.scrollTop > window.innerHeight,
       showBottom: !elementEnd,
     });
-  }
+  };
 
   render() {
     const postList = this.props.postListNode;

src/newsreader/js/pages/homepage/components/postlist/PostList.js

@@ -31,7 +31,7 @@ class PostList extends React.Component {
     this.observer.disconnect();
   }
 
-  handleIntersect = (entries) => {
+  handleIntersect = entries => {
     entries.every(entry => {
       if (entry.isIntersecting) {
         this.observer.unobserve(entry.target);
@@ -43,7 +43,7 @@ class PostList extends React.Component {
         return false;
       }
     });
-  }
+  };
 
   paginate() {
     if (this.props.selected.type === SAVED_TYPE) {

src/newsreader/js/pages/homepage/components/sidebar/ReadButton.js

@@ -11,7 +11,7 @@ class ReadButton extends React.Component {
     if (this.props.selected.unread > 0) {
       this.props.markRead({ ...this.props.selected }, token);
     }
-  }
+  };
 
   render() {
     return (