Merge pull request #373 from w3irdrobot/disable-mark-all-read
Update mark all read dm button to be disabled when no unreads
This commit is contained in:
commit
1ad0270819
@ -33,6 +33,8 @@ export default function MessagesPage() {
|
|||||||
);
|
);
|
||||||
}, [dms, myPubKey, dmInteraction]);
|
}, [dms, myPubKey, dmInteraction]);
|
||||||
|
|
||||||
|
const unreadCount = useMemo(() => chats.reduce((p, c) => p + c.unreadMessages, 0), [chats]);
|
||||||
|
|
||||||
function noteToSelf(chat: DmChat) {
|
function noteToSelf(chat: DmChat) {
|
||||||
return (
|
return (
|
||||||
<div className="flex mb10" key={chat.pubkey}>
|
<div className="flex mb10" key={chat.pubkey}>
|
||||||
@ -69,7 +71,7 @@ export default function MessagesPage() {
|
|||||||
<h3 className="f-grow">
|
<h3 className="f-grow">
|
||||||
<FormattedMessage {...messages.Messages} />
|
<FormattedMessage {...messages.Messages} />
|
||||||
</h3>
|
</h3>
|
||||||
<button type="button" onClick={() => markAllRead()}>
|
<button disabled={unreadCount <= 0} type="button" onClick={() => markAllRead()}>
|
||||||
<FormattedMessage {...messages.MarkAllRead} />
|
<FormattedMessage {...messages.MarkAllRead} />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user