feat: LTI support and Moodle plugin

frontend/src/static/js/components/media-page/ViewerSidebar.js

@@ -1,7 +1,4 @@
 import React from 'react';
-import { MediaPageStore } from '../../utils/stores/';
-import { AutoPlay } from './AutoPlay';
-import { RelatedMedia } from './RelatedMedia';
 import PlaylistView from './PlaylistView';
 
 export default class ViewerSidebar extends React.PureComponent {
@@ -12,8 +9,6 @@ export default class ViewerSidebar extends React.PureComponent {
       playlistData: props.playlistData,
       isPlaylistPage: !!props.playlistData,
       activeItem: 0,
-      mediaType: MediaPageStore.get('media-type'),
-      chapters: MediaPageStore.get('media-data')?.chapters
     };
 
     if (props.playlistData) {
@@ -28,18 +23,6 @@ export default class ViewerSidebar extends React.PureComponent {
       }
     }
 
-    this.onMediaLoad = this.onMediaLoad.bind(this);
-  }
-
-  componentDidMount() {
-    MediaPageStore.on('loaded_media_data', this.onMediaLoad);
-  }
-
-  onMediaLoad() {
-    this.setState({
-      mediaType: MediaPageStore.get('media-type'),
-      chapters: MediaPageStore.get('media-data')?.chapter_data || []
-    });
   }
 
   render() {
@@ -47,10 +30,7 @@ export default class ViewerSidebar extends React.PureComponent {
       <div className="viewer-sidebar">
         {this.state.isPlaylistPage ? (
           <PlaylistView activeItem={this.state.activeItem} playlistData={this.props.playlistData} />
-        ) : 'video' === this.state.mediaType || 'audio' === this.state.mediaType ? (
-          <AutoPlay />
         ) : null}
-        <RelatedMedia hideFirst={!this.state.isPlaylistPage} />
       </div>
     );
   }