diff --git a/assets/player-icons/ic_player_aspect_ratio.svg b/assets/player-icons/ic_player_aspect_ratio.svg new file mode 100644 index 000000000..12b2f7b60 --- /dev/null +++ b/assets/player-icons/ic_player_aspect_ratio.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/player-icons/ic_player_audio_filled.svg b/assets/player-icons/ic_player_audio_filled.svg new file mode 100644 index 000000000..2961dd6ac --- /dev/null +++ b/assets/player-icons/ic_player_audio_filled.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/player-icons/ic_player_audio_outline.svg b/assets/player-icons/ic_player_audio_outline.svg new file mode 100644 index 000000000..87c64646f --- /dev/null +++ b/assets/player-icons/ic_player_audio_outline.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/player-icons/ic_player_episodes.svg b/assets/player-icons/ic_player_episodes.svg new file mode 100644 index 000000000..c09c7205c --- /dev/null +++ b/assets/player-icons/ic_player_episodes.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/player-icons/ic_player_pause.svg b/assets/player-icons/ic_player_pause.svg new file mode 100644 index 000000000..69f834491 --- /dev/null +++ b/assets/player-icons/ic_player_pause.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/player-icons/ic_player_play.svg b/assets/player-icons/ic_player_play.svg new file mode 100644 index 000000000..d375a1768 --- /dev/null +++ b/assets/player-icons/ic_player_play.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/player-icons/ic_player_source.svg b/assets/player-icons/ic_player_source.svg new file mode 100644 index 000000000..1e79c2a38 --- /dev/null +++ b/assets/player-icons/ic_player_source.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/player-icons/ic_player_subtitles.svg b/assets/player-icons/ic_player_subtitles.svg new file mode 100644 index 000000000..bf8041e3d --- /dev/null +++ b/assets/player-icons/ic_player_subtitles.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/player/controls/PlayerControls.tsx b/src/components/player/controls/PlayerControls.tsx index 298617107..18084de0b 100644 --- a/src/components/player/controls/PlayerControls.tsx +++ b/src/components/player/controls/PlayerControls.tsx @@ -12,6 +12,14 @@ import { useSettings } from '../../../hooks/useSettings'; import { introService } from '../../../services/introService'; import { toastService } from '../../../services/toastService'; +import PlayerAspectRatioIcon from '../../../../assets/player-icons/ic_player_aspect_ratio.svg'; +import PlayerAudioFilledIcon from '../../../../assets/player-icons/ic_player_audio_filled.svg'; +import PlayerAudioOutlineIcon from '../../../../assets/player-icons/ic_player_audio_outline.svg'; +import PlayerEpisodesIcon from '../../../../assets/player-icons/ic_player_episodes.svg'; +import PlayerPauseIcon from '../../../../assets/player-icons/ic_player_pause.svg'; +import PlayerPlayIcon from '../../../../assets/player-icons/ic_player_play.svg'; +import PlayerSourceIcon from '../../../../assets/player-icons/ic_player_source.svg'; +import PlayerSubtitlesIcon from '../../../../assets/player-icons/ic_player_subtitles.svg'; interface PlayerControlsProps { showControls: boolean; @@ -498,11 +506,11 @@ export const PlayerControls: React.FC = ({ {isBuffering ? ( ) : ( - + paused ? ( + + ) : ( + + ) )} @@ -594,7 +602,7 @@ export const PlayerControls: React.FC = ({ {/* Left Side: Aspect Ratio Button */} - + {/* Subtitle Button */} @@ -602,7 +610,7 @@ export const PlayerControls: React.FC = ({ style={styles.iconButton} onPress={() => setShowSubtitleModal(!isSubtitleModalOpen)} > - + {/* Change Source Button */} @@ -611,7 +619,7 @@ export const PlayerControls: React.FC = ({ style={styles.iconButton} onPress={() => setShowSourcesModal(true)} > - + )} @@ -626,11 +634,11 @@ export const PlayerControls: React.FC = ({ onPress={() => setShowAudioModal(true)} disabled={ksAudioTracks.length <= 1} > - + {ksAudioTracks.length <= 1 ? ( + + ) : ( + + )} {/* Submit Intro Button */} @@ -653,7 +661,7 @@ export const PlayerControls: React.FC = ({ style={styles.iconButton} onPress={() => setShowEpisodesModal(true)} > - + )}