fix(FEC-13517): Wrong and inconsistent order of plugins

kaltura · Jan 17, 2024 · e9a4f61 · e9a4f61
1 parent b63c10e
commit e9a4f61
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -9,6 +9,6 @@ const NAME = __NAME__;
 export {TranscriptPlugin as Plugin};
 export {VERSION, NAME};
 
-const pluginName: string = 'playkit-js-transcript';
+export const pluginName: string = 'playkit-js-transcript';
 
 KalturaPlayer.core.registerPlugin(pluginName, TranscriptPlugin);
diff --git a/src/transcript-plugin.tsx b/src/transcript-plugin.tsx
@@ -9,6 +9,7 @@ import {PluginButton} from './components/plugin-button/plugin-button';
 import {Transcript} from './components/transcript';
 import {getConfigValue, isBoolean, makePlainText, prepareCuePoint} from './utils';
 import {TranscriptConfig, PluginStates, HighlightedMap, CuePointData, ItemTypes, CuePoint} from './types';
+import { pluginName } from "./index";
 
 const {SidePanelModes, SidePanelPositions, ReservedPresetNames, ReservedPresetAreas} = ui;
 const {withText, Text} = KalturaPlayer.ui.preacti18n;
@@ -267,8 +268,13 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
       showTranscript: <Text id="transcript.show_plugin">Show Transcript</Text>,
       hideTranscript: <Text id="transcript.hide_plugin">Hide Transcript</Text>
     };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     this._transcriptIcon = this.upperBarManager!.add({
-      label: 'Transcript',
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      displayName: 'Transcript',
+      ariaLabel: 'Transcript',
       svgIcon: {path: icons.PLUGIN_ICON, viewBox: `0 0 ${icons.BigSize} ${icons.BigSize}`},
       onClick: this._handleClickOnPluginIcon as () => void,
       component: withText(translates)((props: {showTranscript: string; hideTranscript: string}) => {
@@ -277,7 +283,7 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
         return (
           <PluginButton
             isActive={isActive}
-            id="transcript-icon"
+            id={pluginName}
             label={label}
             icon={icons.PLUGIN_ICON}
             dataTestId="transcript_pluginButton"