From 1417c5200724996777e55721ae3a2aa7ed3f9e65 Mon Sep 17 00:00:00 2001
From: Sonny Bakker <sonny871@hotmail.com>
Date: Fri, 28 Mar 2025 21:55:35 +0100
Subject: [PATCH] Apply prettier formatting

---
 package-lock.json                                      |  4 ++--
 src/newsreader/js/components/Messages.js               |  4 ++--
 src/newsreader/js/components/Selector.js               |  4 ++--
 src/newsreader/js/pages/categories/App.js              | 10 +++++-----
 .../js/pages/homepage/components/PostModal.js          |  6 +++---
 .../js/pages/homepage/components/ScrollTop.js          |  2 +-
 .../js/pages/homepage/components/postlist/PostList.js  |  4 ++--
 .../js/pages/homepage/components/sidebar/ReadButton.js |  2 +-
 8 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 82a511b..59e4d2b 100644
--- a/package-lock.json
+++ b/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",
diff --git a/src/newsreader/js/components/Messages.js b/src/newsreader/js/components/Messages.js
index e3d776e..dd3b2f8 100644
--- a/src/newsreader/js/components/Messages.js
+++ b/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) => {
diff --git a/src/newsreader/js/components/Selector.js b/src/newsreader/js/components/Selector.js
index c6b117a..8933a59 100644
--- a/src/newsreader/js/components/Selector.js
+++ b/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;
diff --git a/src/newsreader/js/pages/categories/App.js b/src/newsreader/js/pages/categories/App.js
index ac237c3..db81a73 100644
--- a/src/newsreader/js/pages/categories/App.js
+++ b/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;
diff --git a/src/newsreader/js/pages/homepage/components/PostModal.js b/src/newsreader/js/pages/homepage/components/PostModal.js
index 5dacdf8..e319e10 100644
--- a/src/newsreader/js/pages/homepage/components/PostModal.js
+++ b/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)
                   }
diff --git a/src/newsreader/js/pages/homepage/components/ScrollTop.js b/src/newsreader/js/pages/homepage/components/ScrollTop.js
index a9927f2..9d88c39 100644
--- a/src/newsreader/js/pages/homepage/components/ScrollTop.js
+++ b/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;
diff --git a/src/newsreader/js/pages/homepage/components/postlist/PostList.js b/src/newsreader/js/pages/homepage/components/postlist/PostList.js
index be5f144..12e381e 100644
--- a/src/newsreader/js/pages/homepage/components/postlist/PostList.js
+++ b/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) {
diff --git a/src/newsreader/js/pages/homepage/components/sidebar/ReadButton.js b/src/newsreader/js/pages/homepage/components/sidebar/ReadButton.js
index fe4175b..3083b96 100644
--- a/src/newsreader/js/pages/homepage/components/sidebar/ReadButton.js
+++ b/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 (