allow render for captionsList only if plugin is active

kaltura · Jan 30, 2025 · a2d86fb · a2d86fb
1 parent a11a220
commit a2d86fb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/caption-list/captionList.tsx b/src/components/caption-list/captionList.tsx
@@ -29,21 +29,23 @@ export interface Props {
   activeSearchIndex: number;
   searchMap: Record<string, Record<string, number>>;
   captionProps: CaptionProps;
+  kitchenSinkActive: boolean;
 }
 export class CaptionList extends Component<Props> {
   private _currentCaptionRef: any = null;
   private _firstCaptionRef: any = null;
   private _lastCaptionRef: any = null;
   shouldComponentUpdate(nextProps: Readonly<Props>) {
-    const {highlightedMap, data, searchMap, activeSearchIndex, isAutoScrollEnabled, captionProps} = this.props;
+    const {highlightedMap, data, searchMap, activeSearchIndex, isAutoScrollEnabled, captionProps, kitchenSinkActive} = this.props;
     if (
+        kitchenSinkActive && (
       highlightedMap !== nextProps.highlightedMap ||
       data !== nextProps.data ||
       searchMap !== nextProps.searchMap ||
       activeSearchIndex !== nextProps.activeSearchIndex ||
       isAutoScrollEnabled !== nextProps.isAutoScrollEnabled ||
       captionProps.videoDuration !== nextProps.captionProps.videoDuration
-    ) {
+    )) {
       return true;
     }
     return false;

diff --git a/src/components/transcript/transcript.tsx b/src/components/transcript/transcript.tsx
@@ -398,7 +398,7 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
   };
 
   private _renderTranscript = () => {
-    const {captions, hasError, onRetryLoad, showTime, videoDuration, highlightedMap} = this.props;
+    const {captions, hasError, onRetryLoad, showTime, videoDuration, highlightedMap, kitchenSinkActive} = this.props;
     const {isAutoScrollEnabled, searchMap, activeSearchIndex, searchLength} = this.state;
 
     if (hasError) {
@@ -441,6 +441,7 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
         widgetWidth={this.state.widgetWidth}
         showItemsIcons={true}
         searchActive={false}
+        kitchenSinkActive={kitchenSinkActive}
       />
     );
   };