From aaa6a8af2132d2b1b56bc6dda9294ec8cea686ba Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Fri, 23 Feb 2024 10:11:08 +0100
Subject: [PATCH] chore: add selector to player controls

---
 apps/expo/src/components/player/AudioTrackSelector.tsx | 2 +-
 apps/expo/src/components/player/BottomControls.tsx     | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/expo/src/components/player/AudioTrackSelector.tsx b/apps/expo/src/components/player/AudioTrackSelector.tsx
index a5c354b..261d48e 100644
--- a/apps/expo/src/components/player/AudioTrackSelector.tsx
+++ b/apps/expo/src/components/player/AudioTrackSelector.tsx
@@ -11,7 +11,7 @@ import { Button } from "../ui/Button";
 import { Text } from "../ui/Text";
 import { Controls } from "./Controls";
 
-export const CaptionsSelector = () => {
+export const AudioTrackSelector = () => {
   const tracks = usePlayerStore((state) => state.interface.audioTracks);
 
   const setSelectedAudioTrack = useAudioTrackStore(
diff --git a/apps/expo/src/components/player/BottomControls.tsx b/apps/expo/src/components/player/BottomControls.tsx
index f32a075..de33acb 100644
--- a/apps/expo/src/components/player/BottomControls.tsx
+++ b/apps/expo/src/components/player/BottomControls.tsx
@@ -3,6 +3,7 @@ import { TouchableOpacity, View } from "react-native";
 
 import { usePlayerStore } from "~/stores/player/store";
 import { Text } from "../ui/Text";
+import { AudioTrackSelector } from "./AudioTrackSelector";
 import { CaptionsSelector } from "./CaptionsSelector";
 import { Controls } from "./Controls";
 import { ProgressBar } from "./ProgressBar";
@@ -60,6 +61,7 @@ export const BottomControls = () => {
           <SeasonSelector />
           <CaptionsSelector />
           <SourceSelector />
+          <AudioTrackSelector />
         </View>
       </View>
     );