From c0155b026ab2833ddab9d121a927bfca9ae394cc Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Mon, 29 May 2023 18:30:09 +0200
Subject: [PATCH] revert offline text

---
 src/components/OfflineIndicator.jsx         | 29 ++++++++-------------
 src/components/styled/views/Home.styled.jsx | 14 +++++-----
 src/components/views/Home.jsx               |  2 +-
 3 files changed, 20 insertions(+), 25 deletions(-)

diff --git a/src/components/OfflineIndicator.jsx b/src/components/OfflineIndicator.jsx
index 3146385b..16ff27c3 100644
--- a/src/components/OfflineIndicator.jsx
+++ b/src/components/OfflineIndicator.jsx
@@ -1,30 +1,23 @@
 import React from "react";
 import { useSubplebbit } from "@plebbit/plebbit-react-hooks";
 
-const OfflineIndicator = ({ address, className, tooltipPlace, isText }) => {
+const OfflineIndicator = ({ address, className, tooltipPlace }) => {
   const subplebbit = useSubplebbit({ subplebbitAddress: address });
-  const isOnline = subplebbit.updatedAt > Date.now() / 1000 - 60 * 20;
+  const isOnline = false;
 
   return (
     <>
       {!isOnline && (
         <>
-          {isText ? (
-            <span
-              className={className}
-            >
-              (OFFLINE)
-            </span>
-          ) : (
-            <img
-              className={className}
-              alt="offline"
-              src="assets/offline.png"
-              data-tooltip-id="tooltip"
-              data-tooltip-content="Offline"
-              data-tooltip-place={tooltipPlace}
-            />
-          )}
+          {" "}
+          <img
+            className={className}
+            alt="offline"
+            src="assets/offline.png"
+            data-tooltip-id="tooltip"
+            data-tooltip-content="Offline"
+            data-tooltip-place={tooltipPlace}
+          />
         </>
       )}
     </>
diff --git a/src/components/styled/views/Home.styled.jsx b/src/components/styled/views/Home.styled.jsx
index af60eeee..8c263c07 100644
--- a/src/components/styled/views/Home.styled.jsx
+++ b/src/components/styled/views/Home.styled.jsx
@@ -284,8 +284,10 @@ export const BoardsContent = styled.div`
       font-size: 1.2em;
     }
 
-    .offline-text {
-      
+    .disconnected {
+      width: 13px;
+      margin-bottom: -1px;
+      position: absolute;
     }
   }
 
@@ -294,10 +296,10 @@ export const BoardsContent = styled.div`
       display: none;
     }
 
-    .offline-text {
-      font-size: 9px;
-      color: red;
-      font-weight: 700;
+    .disconnected {
+      width: 13px;
+      margin-top: 0px;
+      position: absolute;
     }
   }
 
diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx
index 90ddabcc..ea97bb7d 100644
--- a/src/components/views/Home.jsx
+++ b/src/components/views/Home.jsx
@@ -124,7 +124,7 @@ const Home = () => {
                       <OfflineIndicator 
                         key={`offline-${index}`}
                         address={subscription} 
-                        className="offline-text"
+                        className="disconnected"
                         isText={true} />
                       <br key={`br-${index}`} />
                     </Fragment>