From 564701c8b8789cb4a692009835192702557fd933 Mon Sep 17 00:00:00 2001
From: w3irdrobot <rob@w3ird.tech>
Date: Mon, 27 Feb 2023 23:37:30 -0500
Subject: [PATCH] Update mark all read dm button to be disabled when no unreads

---
 packages/app/src/Pages/MessagesPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/Pages/MessagesPage.tsx b/packages/app/src/Pages/MessagesPage.tsx
index bc2423c..aba8794 100644
--- a/packages/app/src/Pages/MessagesPage.tsx
+++ b/packages/app/src/Pages/MessagesPage.tsx
@@ -33,6 +33,8 @@ export default function MessagesPage() {
     );
   }, [dms, myPubKey, dmInteraction]);
 
+  const unreadCount = useMemo(() => chats.reduce((p, c) => p + c.unreadMessages, 0), [chats]);
+
   function noteToSelf(chat: DmChat) {
     return (
       <div className="flex mb10" key={chat.pubkey}>
@@ -69,7 +71,7 @@ export default function MessagesPage() {
         <h3 className="f-grow">
           <FormattedMessage {...messages.Messages} />
         </h3>
-        <button type="button" onClick={() => markAllRead()}>
+        <button disabled={unreadCount <= 0} type="button" onClick={() => markAllRead()}>
           <FormattedMessage {...messages.MarkAllRead} />
         </button>
       </div>