add a markAllAsRead option on menus

_locales/en/messages.json

@@ -453,6 +453,10 @@
   "unverify": {
     "message": "Mark As Not Verified"
   },
+  "markAllAsRead": {
+    "message": "Mark All as Read",
+    "description": "Shown on a menu to mark the whole convo as read."
+  },
   "isNotVerified": {
     "message": "You have not verified your safety number with $name$.",
     "description": "Summary state shown at top of the safety number screen if user has not verified contact.",

_locales/fr/messages.json

@@ -363,6 +363,10 @@
             }
         }
     },
+    "markAllAsRead": {
+        "message": "Tout Marquer Comme Lu",
+        "description": "Shown on a menu to mark the whole convo as read."
+    },
     "isNotVerified": {
         "message": "Vous n’avez pas vérifié votre numéro de sécurité avec $name$",
         "description": "Summary state shown at top of the safety number screen if user has not verified contact.",

ts/components/ConversationListItem.tsx

@@ -42,6 +42,7 @@ type PropsHousekeeping = {
   onUnblockContact?: () => void;
   onInviteContacts?: () => void;
   onClearNickname?: () => void;
+  onMarkAllRead: () => void;
   theme: DefaultTheme;
 };
 
@@ -62,7 +63,6 @@ class ConversationListItem extends React.PureComponent<Props> {
   public renderAvatar() {
     const {
       avatarPath,
-      i18n,
       name,
       phoneNumber,
       profileName,

ts/components/conversation/ConversationHeader.tsx

@@ -83,6 +83,8 @@ interface Props {
   onAvatarClick?: (userPubKey: string) => void;
   onUpdateGroupName: () => void;
 
+  onMarkAllRead: () => void;
+
   memberAvatars?: Array<ConversationAvatar>; // this is added by usingClosedConversationDetails
   theme: DefaultTheme;
 }

ts/components/session/conversation/SessionConversation.tsx

@@ -434,6 +434,10 @@ export class SessionConversation extends React.Component<Props, State> {
         window.Whisper.events.trigger('inviteContacts', conversation);
       },
 
+      onMarkAllRead: () => {
+        void conversation.markReadBouncy(Date.now());
+      },
+
       onAddModerators: () => {
         window.Whisper.events.trigger('addModerators', conversation);
       },

ts/components/session/menu/ConversationHeaderMenu.tsx

@@ -4,6 +4,7 @@ import {
   getAddModeratorsMenuItem,
   getBlockMenuItem,
   getCopyMenuItem,
+  getMarkAllReadMenuItem,
   getDeleteContactMenuItem,
   getDeleteMessagesMenuItem,
   getDisappearingMenuItem,
@@ -31,6 +32,7 @@ export type PropsConversationHeaderMenu = {
   onInviteContacts?: () => void;
 
   onLeaveGroup: () => void;
+  onMarkAllRead: () => void;
   onAddModerators: () => void;
   onRemoveModerators: () => void;
   onUpdateGroupName: () => void;
@@ -55,6 +57,7 @@ export const ConversationHeaderMenu = (props: PropsConversationHeaderMenu) => {
     onDeleteMessages,
     onDeleteContact,
     onCopyPublicKey,
+    onMarkAllRead,
     onLeaveGroup,
     onAddModerators,
     onRemoveModerators,
@@ -86,6 +89,7 @@ export const ConversationHeaderMenu = (props: PropsConversationHeaderMenu) => {
       )}
 
       {getCopyMenuItem(isPublic, isGroup, onCopyPublicKey, window.i18n)}
+      {getMarkAllReadMenuItem(onMarkAllRead, window.i18n)}
       {getDeleteMessagesMenuItem(isPublic, onDeleteMessages, window.i18n)}
       {getAddModeratorsMenuItem(
         isAdmin,

ts/components/session/menu/ConversationListItemContextMenu.tsx

@@ -5,6 +5,7 @@ import {
   getBlockMenuItem,
   getClearNicknameMenuItem,
   getCopyMenuItem,
+  getMarkAllReadMenuItem,
   getDeleteContactMenuItem,
   getDeleteMessagesMenuItem,
   getInviteContactMenuItem,
@@ -25,6 +26,7 @@ export type PropsContextConversationItem = {
   onDeleteContact?: () => void;
   onLeaveGroup?: () => void;
   onBlockContact?: () => void;
+  onMarkAllRead: () => void;
   onCopyPublicKey?: () => void;
   onUnblockContact?: () => void;
   onInviteContacts?: () => void;
@@ -48,6 +50,7 @@ export const ConversationListItemContextMenu = (
     onBlockContact,
     onClearNickname,
     onCopyPublicKey,
+    onMarkAllRead,
     onUnblockContact,
     onInviteContacts,
     onLeaveGroup,
@@ -81,6 +84,8 @@ export const ConversationListItemContextMenu = (
         onCopyPublicKey,
         window.i18n
       )}
+      {getMarkAllReadMenuItem(onMarkAllRead, window.i18n)}
+
       {getDeleteMessagesMenuItem(isPublic, onDeleteMessages, window.i18n)}
       {getInviteContactMenuItem(
         type === 'group',

ts/components/session/menu/Menu.tsx

@@ -205,6 +205,13 @@ export function getCopyMenuItem(
   return null;
 }
 
+export function getMarkAllReadMenuItem(
+  action: any,
+  i18n: LocalizerType
+): JSX.Element | null {
+  return <Item onClick={action}>{i18n('markAllAsRead')}</Item>;
+}
+
 export function getDisappearingMenuItem(
   isPublic: boolean | undefined,
   isKickedFromGroup: boolean | undefined,

ts/models/conversation.ts

@@ -423,6 +423,9 @@ export class ConversationModel extends Backbone.Model<ConversationAttributes> {
       onInviteContacts: () => {
         window.Whisper.events.trigger('inviteContacts', this);
       },
+      onMarkAllRead: () => {
+        void this.markReadBouncy(Date.now());
+      },
       onClearNickname: () => {
         void this.setLokiProfile({ displayName: null });
       },
@@ -468,7 +471,6 @@ export class ConversationModel extends Backbone.Model<ConversationAttributes> {
   }
 
   public async getUnreadCount() {
-    window.log.warn('getUnreadCount is slow');
     const unreadCount = await getUnreadCountByConversation(this.id);
 
     return unreadCount;

ts/state/ducks/conversations.ts

@@ -87,15 +87,16 @@ export interface ConversationType {
   groupAdmins?: Array<string>; // admins for closed groups and moderators for open groups
   members?: Array<string>; // members for closed groups only
 
-  onClick?: () => any;
+  onClick?: () => void;
-  onBlockContact?: () => any;
+  onBlockContact?: () => void;
-  onUnblockContact?: () => any;
+  onUnblockContact?: () => void;
-  onCopyPublicKey?: () => any;
+  onCopyPublicKey?: () => void;
-  onDeleteContact?: () => any;
+  onDeleteContact?: () => void;
-  onLeaveGroup?: () => any;
+  onLeaveGroup?: () => void;
-  onDeleteMessages?: () => any;
+  onDeleteMessages?: () => void;
-  onInviteContacts?: () => any;
+  onInviteContacts?: () => void;
-  onClearNickname?: () => any;
+  onMarkAllRead?: () => void;
+  onClearNickname?: () => void;
 }
 
 export type ConversationLookupType = {