refactor: remove deprecated SideContent UI components

Author: shenyih0ng

src/commons/editingWorkspace/EditingWorkspace.tsx

@@ -45,7 +45,6 @@ import { convertEditorTabStateToProps } from '../editor/EditorContainer';
 import { Position } from '../editor/EditorTypes';
 import Markdown from '../Markdown';
 import { SideContentProps } from '../sideContent/SideContent';
-import SideContentToneMatrix from '../sideContent/SideContentToneMatrix';
 import { SideContentTab, SideContentType } from '../sideContent/SideContentTypes';
 import { history } from '../utils/HistoryHelper';
 import Workspace, { WorkspaceProps } from '../workspace/Workspace';
@@ -432,15 +431,6 @@ const EditingWorkspace: React.FC<EditingWorkspaceProps> = props => {
           id: SideContentType.editorAutograder
         });
       }
-      const functionsAttached = currentAssessment!.globalDeployment!.external.symbols;
-      if (functionsAttached.includes('get_matrix')) {
-        tabs.push({
-          label: `Tone Matrix`,
-          iconName: IconNames.GRID_VIEW,
-          body: <SideContentToneMatrix />,
-          id: SideContentType.toneMatrix
-        });
-      }
     } else {
       tabs = [
         {

src/commons/sideContent/SideContentToneMatrix.tsx

@@ -33,8 +33,6 @@ export enum SideContentType {
   sourcereel = 'sourcereel',
   substVisualizer = 'subst_visualiser',
   testcases = 'testcases',
-  toneMatrix = 'tone_matrix',
-  videoDisplay = 'video_display',
   htmlDisplay = 'html_display'
 }
 

src/commons/sideContent/SideContentTypes.ts

@@ -3,8 +3,6 @@ import { IconNames } from '@blueprintjs/icons';
 import classNames from 'classnames';
 import { Chapter, Variant } from 'js-slang/dist/types';
 import * as React from 'react';
-import { ExternalLibraryName } from 'src/commons/application/types/ExternalTypes';
-import SideContentVideoDisplay from 'src/commons/sideContent/SideContentVideoDisplay';
 
 import {
   defaultWorkspaceManager,
@@ -30,7 +28,6 @@ import { Position } from '../../../../commons/editor/EditorTypes';
 import Markdown from '../../../../commons/Markdown';
 import { SideContentProps } from '../../../../commons/sideContent/SideContent';
 import SideContentAutograder from '../../../../commons/sideContent/SideContentAutograder';
-import SideContentToneMatrix from '../../../../commons/sideContent/SideContentToneMatrix';
 import { SideContentTab, SideContentType } from '../../../../commons/sideContent/SideContentTypes';
 import { history } from '../../../../commons/utils/HistoryHelper';
 import Workspace, { WorkspaceProps } from '../../../../commons/workspace/Workspace';
@@ -344,29 +341,6 @@ class GradingWorkspace extends React.Component<GradingWorkspaceProps, State> {
       }
     ];
 
-    const externalLibrary = props.grading![questionId].question.library.external;
-    const functionsAttached = externalLibrary.symbols;
-    if (functionsAttached.includes('get_matrix')) {
-      tabs.push({
-        label: `Tone Matrix`,
-        iconName: IconNames.GRID_VIEW,
-        body: <SideContentToneMatrix />,
-        id: SideContentType.toneMatrix
-      });
-    }
-
-    if (
-      externalLibrary.name === ExternalLibraryName.PIXNFLIX ||
-      externalLibrary.name === ExternalLibraryName.ALL
-    ) {
-      tabs.push({
-        label: 'Video Display',
-        iconName: IconNames.MOBILE_VIDEO,
-        body: <SideContentVideoDisplay replChange={props.handleSendReplInputToOutput} />,
-        id: SideContentType.videoDisplay
-      });
-    }
-
     const sideContentProps: SideContentProps = {
       onChange: (
         newTabId: SideContentType,