fix eslint, styling

src/components/post/post-desktop/post-desktop.tsx

@@ -185,7 +185,7 @@ const PostMessage = ({ post }: PostProps) => {
       {removed ? (
         <span className={styles.removedContent}>({t('this_post_was_removed')})</span>
       ) : deleted ? (
-        <span className={styles.removedContent}>{t('user_deleted_this_post')}</span>
+        <span className={styles.deletedContent}>{t('user_deleted_this_post')}</span>
       ) : (
         <Markdown content={displayContent} spoiler={spoiler} />
       )}

src/components/post/post.module.css

@@ -392,12 +392,15 @@
   cursor: pointer;
 }
 
-.removedContent {
-  text-transform: uppercase;
+.removedContent, .deletedContent {
   font-weight: 700;
   color: red;
 }
 
+.removedContent {
+  text-transform: uppercase;
+}
+
 .backlink, .backlinkHash {
   font-size: 0.8em;
 }

src/hooks/use-popular-posts.ts

@@ -10,9 +10,9 @@ const usePopularPosts = (subplebbits: Subplebbit[]) => {
     const allPosts: Comment[] = [];
 
     let postsPerSub = 1;
-    if (subplebbits.length == 2) {
+    if (subplebbits.length === 2) {
       postsPerSub = 4;
-    } else if (subplebbits.length == 3) {
+    } else if (subplebbits.length === 3) {
       postsPerSub = 3;
     } else if (subplebbits.length >= 4 && subplebbits.length < 8) {
       postsPerSub = 2;