[MM-59375] Use readMultipleChannels to mark as read on server as well (#29280)

* [MM-59375] Use `readMultipleChannels` to mark as read on server as well

* Fix types

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/index.ts

@@ -6,7 +6,7 @@ import type {ConnectedProps} from 'react-redux';
 
 import type {Channel} from '@mattermost/types/channels';
 
-import {favoriteChannel, unfavoriteChannel, markMultipleChannelsAsRead} from 'mattermost-redux/actions/channels';
+import {favoriteChannel, unfavoriteChannel, readMultipleChannels} from 'mattermost-redux/actions/channels';
 import Permissions from 'mattermost-redux/constants/permissions';
 import {isFavoriteChannel} from 'mattermost-redux/selectors/entities/channels';
 import {getMyChannelMemberships, getCurrentUserId} from 'mattermost-redux/selectors/entities/common';
@@ -55,7 +55,7 @@ function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
 }
 
 const mapDispatchToProps = {
-    markMultipleChannelsAsRead,
+    readMultipleChannels,
     markMostRecentPostInChannelAsUnread,
     favoriteChannel,
     unfavoriteChannel,

webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/sidebar_channel_menu.test.tsx

@@ -43,7 +43,7 @@ describe('components/sidebar/sidebar_channel/sidebar_channel_menu', () => {
         onToggleMenu: jest.fn(),
         multiSelectedChannelIds: [],
         displayedChannels: [],
-        markMultipleChannelsAsRead: jest.fn(),
+        readMultipleChannels: jest.fn(),
         markMostRecentPostInChannelAsUnread: jest.fn(),
         favoriteChannel: jest.fn(),
         unfavoriteChannel: jest.fn(),

webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/sidebar_channel_menu.tsx

@@ -39,7 +39,7 @@ const SidebarChannelMenu = ({
     isUnread,
     managePrivateChannelMembers,
     managePublicChannelMembers,
-    markMultipleChannelsAsRead,
+    readMultipleChannels,
     markMostRecentPostInChannelAsUnread,
     muteChannel,
     onMenuToggle,
@@ -56,7 +56,7 @@ const SidebarChannelMenu = ({
     if (isUnread) {
         function handleMarkAsRead() {
             // We use mark multiple to not update the active channel in the server
-            markMultipleChannelsAsRead({[channel.id]: Date.now()});
+            readMultipleChannels([channel.id]);
             trackEvent('ui', 'ui_sidebar_channel_menu_markAsRead');
         }