From 05d1a54e70895011574e14853f1d23fbd5f853dc Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Thu, 4 May 2023 22:28:13 +0200
Subject: [PATCH] update offline indicator

---
 public/assets/disconnected.png        | Bin 859 -> 0 bytes
 public/assets/offline.png             | Bin 2155 -> 859 bytes
 src/components/BoardAvatar.jsx        |   2 +-
 src/components/BoardSubscription.jsx  |   2 +-
 src/components/styled/Home.styled.jsx |   9 +++------
 src/components/views/Home.jsx         |   4 +---
 6 files changed, 6 insertions(+), 11 deletions(-)
 delete mode 100644 public/assets/disconnected.png

diff --git a/public/assets/disconnected.png b/public/assets/disconnected.png
deleted file mode 100644
index a40aa2bb0c843be979468f70180b57f687fcaae8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 859
zcmeAS@N?(olHy`uVBq!ia0vp^Vj#@H1|*Mc$*~4fjKx9jP7LeL$-D$|6p}rHd>I(3
z)EF2VS{N990fib~Fff!FFfhDIU|_JC!N4G1FlSew4NxK=HNrE^*Ox&H$mU>RViaOv
z2C^7|kfA-3fd$NFU;vr~1k4K<5wZ)I;Id*1m=SD{LcTw;E<i&fGeaUuB7A+UlJj%*
z5>xV%QuQiw3qT4OY$~jP%-qzHM1_jnoV;SI3R@+x3M(KRB&@Hb09I0xZL1XF8=&Bv
zUzDm~re~mMpk&9TprBw=l#*r@<l+X^4&>P?Wt5Z@Sn2DRmzV368|&p4rRy77T3YHG
z80i}s=>k>g7FXt#Bv$C=6)QswftllyTAW;zSx}OhpQivaH!&%{w8U0P31kr*K-^i9
znTD__uNdkrpa=CqGWv#k2KsQbfm&@qqE`MznW;dVLFU^T+JIG}h(YbK(Fa+M<QRxg
z!J<H~+Hu+F!-LI^OET^uJ1~$nJY5_^ECkn1_T_7K;Aow@Z1ubaUla81R>@7zi>=xy
zx4?6Iu;OP9rRKlJhC%lpGfU2%_2bmWJ4<H0<7A4SwlwVc&vmc2>`R<GwP<<8ymU|A
z!wMV4GxG0$kJ<k#@7C<)nUAV{FCE#j^?3Kq>)Y0@P0yD*E~rpdS8d3wbBjA+wydbt
zmZ;5Hz3Kujjq)=0`ZjwDh&U9#+P$*(e6lC6V`cb^C=vUF^{YO{vX*TLUoUaE;#Pg}
z!?+Ob-(uVRUaxssKkt#p304c0l<Ur{9#T(EFZDdHuH(zHu1+>1M2aJ31v{f}>+PtC
z$DdTrm9YHgChR`hMXK4qY|4Z0X^RdVzm)i#X~XYrr4gJrBfG-_XXM-FEZ*Lg&=odu
ry{4;`guMOd!!@Gzdz-TM-~Py5wxR5w<4@H%Q1bJ1^>bP0l+XkK<r5pp

diff --git a/public/assets/offline.png b/public/assets/offline.png
index f1ed1ddebbbb0a85fd6918eb5530c6cd426137c6..a40aa2bb0c843be979468f70180b57f687fcaae8 100644
GIT binary patch
delta 492
zcmaDYaGNczGr-TCmrII^fq{Y7)59eQNQ;3m2OE$)vL(kFNHG=%xjQkeJ16rJ$Wci4
z2=ZlMs8VBKXlP+z_yrVdc)`F>YQVtoDuIE)Y6b&?c)^@qfi^&ifXVhO+J?*v7#Wy>
zJVqd7Sir=<0%im4Sip>61H~Bl{>Zujl|@eOXSqCiCab|@8@8x=$+(B?KtT;p7sn6_
z!L^fp`I;R#TIViXJ#WF+1iiaea?|r-t2W9l@Z27(_?bhg`LD5I(7ngZlCx+1IJNQ4
zl3DLKnWCpH4LkmG-Rmv;66a1WT3#_P-IMpQ!bb6o{QKWy_W#PeHG6sHqiWwvM|NyI
z-hK1>wzX^1^W}~UDpb`~8`d-H+~Q7{Eh}oZC2Dh4uev}>qrA+$zRlhOA`Zo`cCYL`
zpX|x&SQ$PeO2j^4{i=_#tYurm*Gn9(xK&^LFfK&<x7aqn*K1zZ&wJ!?g4IGL<+?Mg
zht!kPOFhr4>-e&)tCP(Lk>ZG1!OrO0dOK?3@h6pYB`m+W3A;~rk!toYoASWzd)lG{
z$1f#5XWH<4TWJL6&B*Ssz!~|rIg7V<C3J;NT(9YBB_VJB`EZS>{obam{kK1Imu)Ef
T=lD}K4iu!Gu6{1-oD!M<B5}6)

delta 1747
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
H;XnTerHL(^

diff --git a/src/components/BoardAvatar.jsx b/src/components/BoardAvatar.jsx
index deace73b..efa4cf73 100644
--- a/src/components/BoardAvatar.jsx
+++ b/src/components/BoardAvatar.jsx
@@ -16,7 +16,7 @@ const BoardAvatar = ({ address }) => {
   return (
     <div className="board-avatar-container">
       <img
-        className={isOnline ? "board-avatar" : "board-avatar offline"}
+        className="board-avatar"
         alt="board logo"
         src={avatarUrl}
       />
diff --git a/src/components/BoardSubscription.jsx b/src/components/BoardSubscription.jsx
index 65812554..11aa675b 100644
--- a/src/components/BoardSubscription.jsx
+++ b/src/components/BoardSubscription.jsx
@@ -10,7 +10,7 @@ const BoardSubscription = ({ address }) => {
   return (
     <>
       &nbsp;{address}{!isOnline && (
-        <img className="disconnected" alt="offline" src="assets/disconnected.png" />
+        <img className="disconnected" alt="offline" src="assets/offline.png" />
       )}
     </>
   );
diff --git a/src/components/styled/Home.styled.jsx b/src/components/styled/Home.styled.jsx
index 1c9d4c11..954921d0 100644
--- a/src/components/styled/Home.styled.jsx
+++ b/src/components/styled/Home.styled.jsx
@@ -246,11 +246,8 @@ export const BoardsContent = styled.div`
 
   .offline-indicator {
     position: absolute;
-    top: calc(50% - 10px);
-    left: 0;
-    width: 100%;
-    object-fit: cover;
-    z-index: 1;
+    top: 5px;
+    right: 5px;
   }
 
   .board-text {
@@ -298,7 +295,7 @@ export const BoardsContent = styled.div`
   }
 
   .disconnected {
-    width: 15px;
+    width: 13px;
     position: absolute;
   }
 `;
diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx
index ff570d33..8297169b 100644
--- a/src/components/views/Home.jsx
+++ b/src/components/views/Home.jsx
@@ -125,9 +125,7 @@ const Home = () => {
                       setSelectedTitle(subplebbit.title);
                       setSelectedAddress(subplebbit.address);
                     }} >
-                      <div className="board-avatar-container">
-                        <BoardAvatar address={subplebbit.address} />
-                      </div>
+                      <BoardAvatar address={subplebbit.address} />
                     </Link>
                     <div className="board-text">
                       <b>{subplebbit.address}</b>