From c0d9399ca73586aea27cf6aff8bfc8e14fb62b1d Mon Sep 17 00:00:00 2001
From: w3irdrobot <rob@w3ird.tech>
Date: Fri, 24 Feb 2023 16:41:36 -0500
Subject: [PATCH] Remove unread message dot when messages all read

Clicking the Mark All Read button was clearing the messages, but
the purple dot was not disappearing until the page was refreshed.
It appears it was just because the calculation was being cached
and not updated because the dm interaction counter was not inputted
as a dependency to useMemo
---
 packages/app/src/Pages/Layout.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/Pages/Layout.tsx b/packages/app/src/Pages/Layout.tsx
index 0a0368b..f30033c 100644
--- a/packages/app/src/Pages/Layout.tsx
+++ b/packages/app/src/Pages/Layout.tsx
@@ -29,8 +29,17 @@ export default function Layout() {
   const [show, setShow] = useState(false);
   const dispatch = useDispatch();
   const navigate = useNavigate();
-  const { loggedOut, publicKey, relays, latestNotification, readNotifications, dms, preferences, newUserKey } =
-    useSelector((s: RootState) => s.login);
+  const {
+    loggedOut,
+    publicKey,
+    relays,
+    latestNotification,
+    readNotifications,
+    dms,
+    preferences,
+    newUserKey,
+    dmInteraction,
+  } = useSelector((s: RootState) => s.login);
   const { isMuted } = useModeration();
   const [pageClass, setPageClass] = useState("page");
   const pub = useEventPublisher();
@@ -66,7 +75,7 @@ export default function Layout() {
             publicKey
           )
         : 0,
-    [dms, publicKey]
+    [dms, publicKey, dmInteraction]
   );
 
   useEffect(() => {