rename SubtitlesPicker to SubtitlesMenu

src/routes/Player/Player.js

@@ -8,7 +8,7 @@ const { HorizontalNavBar, useDeepEqualEffect, useFullscreen, useBinaryState, use
 const BufferingLoader = require('./BufferingLoader');
 const ControlBar = require('./ControlBar');
 const InfoMenu = require('./InfoMenu');
-const SubtitlesPicker = require('./SubtitlesPicker');
+const SubtitlesMenu = require('./SubtitlesMenu');
 const Video = require('./Video');
 const usePlayer = require('./usePlayer');
 const useSettings = require('./useSettings');
@@ -398,7 +398,7 @@ const Player = ({ urlParams }) => {
             />
             {
                 subtitlesMenuOpen ?
-                    <SubtitlesPicker
+                    <SubtitlesMenu
                         className={classnames(styles['layer'], styles['menu-layer'])}
                         tracks={videoState.subtitlesTracks}
                         selectedTrackId={videoState.selectedSubtitlesTrackId}

src/routes/Player/SubtitlesMenu/SubtitlesMenu.js

@@ -13,7 +13,7 @@ const LANGUAGE_PRIORITIES = {
     'eng': 1
 };
 
-const SubtitlesPicker = (props) => {
+const SubtitlesMenu = (props) => {
     const languages = React.useMemo(() => {
         return Array.isArray(props.tracks) ?
             props.tracks
@@ -101,7 +101,7 @@ const SubtitlesPicker = (props) => {
         }
     }, [props.offset, props.onOffsetChanged]);
     return (
-        <div className={classnames(props.className, styles['subtitles-picker-container'])} onMouseDown={onMouseDown}>
+        <div className={classnames(props.className, styles['subtitles-menu-container'])} onMouseDown={onMouseDown}>
             <div className={styles['languages-container']}>
                 <div className={styles['languages-header']}>Languages</div>
                 <div className={styles['languages-list']}>
@@ -182,7 +182,7 @@ const SubtitlesPicker = (props) => {
     );
 };
 
-SubtitlesPicker.propTypes = {
+SubtitlesMenu.propTypes = {
     className: PropTypes.string,
     tracks: PropTypes.arrayOf(PropTypes.shape({
         id: PropTypes.string.isRequired,
@@ -202,4 +202,4 @@ SubtitlesPicker.propTypes = {
     onOffsetChanged: PropTypes.func
 };
 
-module.exports = SubtitlesPicker;
+module.exports = SubtitlesMenu;

src/routes/Player/SubtitlesMenu/index.js

@@ -0,0 +1,3 @@
+const SubtitlesMenu = require('./SubtitlesMenu');
+
+module.exports = SubtitlesMenu;

src/routes/Player/SubtitlesMenu/styles.less

@@ -1,6 +1,6 @@
 @import (reference) '~stremio-colors/dist/less/stremio-colors.less';
 
-.subtitles-picker-container {
+.subtitles-menu-container {
     height: 23rem;
     display: flex;
     flex-direction: row;

src/routes/Player/SubtitlesPicker/index.js

@@ -1,3 +0,0 @@
-const SubtitlesPicker = require('./SubtitlesPicker');
-
-module.exports = SubtitlesPicker;