MM-34366: Migrate 'components/post_view/post_list_virtualized' and associated tests to TypeScript

components/post_view/floating_timestamp/floating_timestamp.tsx

@@ -14,7 +14,7 @@ type Props = {
     isScrolling: boolean;
     createAt: Date | number;
     toastPresent: boolean;
-    isRhsPost: boolean;
+    isRhsPost?: boolean;
 }
 
 export default class FloatingTimestamp extends React.PureComponent<Props> {

components/post_view/floating_timestamp/index.ts

@@ -14,7 +14,7 @@ import FloatingTimestamp from './floating_timestamp';
 
 type OwnProps = {
     postId: string;
-    isRhsPost: boolean;
+    isRhsPost?: boolean;
 }
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {

components/post_view/post_list_row/index.ts

@@ -6,29 +6,16 @@ import {bindActionCreators, Dispatch} from 'redux';
 
 import {GenericAction} from 'mattermost-redux/types/actions';
 
-import {Channel} from '@mattermost/types/channels';
-import {Post} from '@mattermost/types/posts';
-
 import {getShortcutReactToLastPostEmittedFrom} from 'selectors/emojis';
 import {emitShortcutReactToLastPostFrom} from 'actions/post_actions.jsx';
 
 import {GlobalState} from 'types/store';
 
 import PostListRow from './post_list_row';
 
-type Props = {
-    post: Post;
-    channel: Channel;
-}
-
-function mapStateToProps(state: GlobalState, ownProps: Props) {
+function mapStateToProps(state: GlobalState) {
     const shortcutReactToLastPostEmittedFrom = getShortcutReactToLastPostEmittedFrom(state);
-
-    return {
-        post: ownProps.post,
-        channel: ownProps.channel,
-        shortcutReactToLastPostEmittedFrom,
-    };
+    return {shortcutReactToLastPostEmittedFrom};
 }
 
 function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {

components/post_view/post_list_row/post_list_row.tsx

@@ -25,7 +25,7 @@ export type PostListRowProps = {
     shouldHighlight?: boolean;
     loadOlderPosts: () => void;
     loadNewerPosts: () => void;
-    togglePostMenu: () => void;
+    togglePostMenu: (opened: boolean) => void;
 
     /**
      * To Check if the current post is last in the list

components/post_view/post_list_virtualized/latest_post_reader.test.jsx → components/post_view/post_list_virtualized/latest_post_reader.test.tsx

@@ -61,15 +61,15 @@ describe('LatestPostReader', () => {
     test('should render aria-label as a child in the given locale', () => {
         const {mountOptions} = mockStore(baseState);
 
-        useIntl.mockImplementation(() => createIntl({locale: 'en', messages: enMessages, defaultLocale: 'en'}));
+        (useIntl as jest.Mock).mockImplementation(() => createIntl({locale: 'en', messages: enMessages, defaultLocale: 'en'}));
 
         let wrapper = mount(<LatestPostReader {...baseProps}/>, mountOptions);
         let span = wrapper.childAt(0);
 
         expect(span.prop('children')).toContain(author.username);
         expect(span.prop('children')).toContain('January');
 
-        useIntl.mockImplementation(() => createIntl({locale: 'es', messages: esMessages, defaultLocale: 'es'}));
+        (useIntl as jest.Mock).mockImplementation(() => createIntl({locale: 'es', messages: esMessages, defaultLocale: 'es'}));
 
         wrapper = mount(<LatestPostReader {...baseProps}/>, mountOptions);
         span = wrapper.childAt(0);