From 73b4b106df3095a16924d476f1b55873ecda93e0 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 18 Apr 2024 17:14:59 +0200
Subject: [PATCH] Revert "feat(home): push subs that are offline at the end of
 the list, show offline icon"

This reverts commit 5a5417f7c9252c4c8afefaf813a1cfca32e0211c.
---
 src/views/home/home.module.css | 30 ++-----------------------
 src/views/home/home.tsx        | 41 ++++++----------------------------
 2 files changed, 9 insertions(+), 62 deletions(-)

diff --git a/src/views/home/home.module.css b/src/views/home/home.module.css
index 7cc4b837..ce973af0 100644
--- a/src/views/home/home.module.css
+++ b/src/views/home/home.module.css
@@ -124,17 +124,6 @@
   text-decoration: var(--homepage-box-link-text-decoration-hover);
 }
 
-.list span {
-  display: inline-block;
-  font-weight: 700;
-  color: var(--homepage-box-link-text-color);
-}
-
-.list span:hover {
-  color: var(--homepage-box-link-text-color-hover);
-  cursor: pointer;
-}
-
 .boardsBoxContent {
   font-size: 93%;
   padding: 0.5em;
@@ -146,26 +135,11 @@
 
 .boardsBoxContent .column {
   float: left;
-  min-width: 163px;
-  padding-right: 20px;
+  width: 163px;
+  margin-right: 20px;
   overflow: hidden;
 }
 
-.subplebbit {
-  position: relative;
-}
-
-.offlineIcon {
-  background-image: url('/public/assets/icons/offline.png');
-  background-size: 100%;
-  position: absolute;
-  width: 13px;
-  height: 13px;
-  margin-left: 3px;
-  display: inline-block;
-  image-rendering: pixelated;
-}
-
 .boardsBoxContent h3 {
   font-size: 100%;
   font-weight: 700;
diff --git a/src/views/home/home.tsx b/src/views/home/home.tsx
index 7747347a..0c3eb3ca 100644
--- a/src/views/home/home.tsx
+++ b/src/views/home/home.tsx
@@ -1,8 +1,8 @@
-import { useMemo, useRef, useState } from 'react';
+import { useRef } from 'react';
+import styles from './home.module.css';
 import { Link, useNavigate } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
 import { Subplebbit } from '@plebbit/plebbit-react-hooks';
-import styles from './home.module.css';
 import packageJson from '../../../package.json';
 
 interface HomeProps {
@@ -71,27 +71,6 @@ const InfoBox = () => {
 
 const Boards = ({ subplebbits }: HomeProps) => {
   const { t } = useTranslation();
-  const sortedSubplebbits = useMemo(() => {
-    const oneHourAgo = Date.now() - 60 * 60 * 1000;
-    const retainedSubplebbits: (Subplebbit | undefined)[] = [];
-    const offlineSubplebbits: Subplebbit[] = [];
-
-    subplebbits.forEach((sub: Subplebbit | undefined) => {
-      if (!sub || sub.updatedAt === undefined) {
-        // retain the position of loading or undefined subplebbits
-        retainedSubplebbits.push(sub);
-      } else if (sub.updatedAt * 1000 > oneHourAgo) {
-        // retain the position of online subplebbits
-        retainedSubplebbits.push(sub);
-      } else {
-        // push offline subs to the end of the list
-        offlineSubplebbits.push(sub);
-      }
-    });
-    return [...retainedSubplebbits, ...offlineSubplebbits];
-  }, [subplebbits]);
-
-  const [showAllBoards, setShowAllBoards] = useState(false);
 
   return (
     <div className={styles.box}>
@@ -103,27 +82,21 @@ const Boards = ({ subplebbits }: HomeProps) => {
         <div className={styles.column}>
           <h3>Default SFW</h3>
           <div className={styles.list}>
-            {sortedSubplebbits
+            {subplebbits
               .filter((subplebbit): subplebbit is Subplebbit => subplebbit !== undefined)
-              .slice(0, showAllBoards ? undefined : 18)
               .map((subplebbit) => {
-                const { address, updatedAt } = subplebbit || {};
-                const isOffline = updatedAt && updatedAt * 1000 < Date.now() - 60 * 60 * 1000; // 1 hour
+                const address = subplebbit.address;
                 return (
                   <div className={styles.subplebbit} key={address}>
                     <Link to={`/p/${address}`}>{address}</Link>
-                    {isOffline && <span className={styles.offlineIcon} />}
                   </div>
                 );
               })}
-            {sortedSubplebbits.length > 17 && (
-              <>
-                {!showAllBoards ? '... ' : null}
-                <span onClick={() => setShowAllBoards(!showAllBoards)}>{showAllBoards ? '[show less]' : '[show more]'}</span>
-              </>
-            )}
           </div>
         </div>
+        <div className={styles.column}>
+          <h3>Default NSFW</h3>
+        </div>
         <div className={styles.column}>
           <h3>Subscriptions</h3>
         </div>