fix(timetamped-comments): replacing dash container class with media container (#4409)

fix(timetamped-comments): using media container instead of dash container

Author: bfoxx1906

src/components/form-elements/draft-js-mention-selector/DraftJSMentionSelector.js

@@ -463,9 +463,9 @@ class DraftJSMentionSelector extends React.Component<Props, State> {
     };
 
     getVideoTimestamp = (): videoTimestamp => {
-        const mediaDashContainer: ?HTMLElement = document.querySelector('.bp-media-dash');
+        const videoContainer: ?HTMLElement = document.querySelector('.bp-media-container');
         // $FlowFixMe
-        const video: ?HTMLVideoElement = mediaDashContainer?.querySelector('video');
+        const video: ?HTMLVideoElement = videoContainer?.querySelector('video');
 
         const currentTime = video?.currentTime || 0;
 

src/elements/content-sidebar/activity-feed/comment-form/stories/CommentForm.stories.js

@@ -66,7 +66,7 @@ export const VideoFile = () => {
 
     return (
         <div>
-            <div className="bp-media-dash" style={{ width: '100px', height: '100px', marginBottom: '10px' }}>
+            <div className="bp-media-container" style={{ width: '100px', height: '100px', marginBottom: '10px' }}>
                 {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
                 <video
                     src="//cdn03.boxcdn.net/sites/default/files/homepage/v2/images/hero/run/laptop-screen-1680-v2@1x.mp4"

src/elements/content-sidebar/activity-feed/utils/__tests__/formatTaggedMessage.test.js

@@ -98,7 +98,7 @@ describe('elements/content-sidebar/ActivityFeed/utils/formatTaggedMessage', () =
             const mockMediaDashContainer = { querySelector: () => mockVideo };
 
             jest.spyOn(document, 'querySelector').mockImplementation(query => {
-                if (query === '.bp-media-dash') {
+                if (query === '.bp-media-container') {
                     return mockMediaDashContainer;
                 }
 

src/elements/content-sidebar/activity-feed/utils/formatTaggedMessage.js

@@ -40,7 +40,7 @@ const formatTimestamp = (text: string, timestamp: string, intl: IntlShape): Reac
 
     const handleClick = (e: SyntheticMouseEvent<HTMLButtonElement>): void => {
         e.preventDefault();
-        const videoContainer = document.querySelector('.bp-media-dash');
+        const videoContainer = document.querySelector('.bp-media-container');
         if (videoContainer) {
             // $FlowFixMe: querySelector('video') returns an HTMLVideoElement
             const video: ?HTMLVideoElement = videoContainer.querySelector('video');