chore: adjust controls for local playback

apps/expo/src/components/player/BottomControls.tsx

@@ -14,7 +14,7 @@ import { SeasonSelector } from "./SeasonEpisodeSelector";
 import { SourceSelector } from "./SourceSelector";
 import { mapMillisecondsToTime } from "./utils";
 
-export const BottomControls = () => {
+export const BottomControls = ({ isLocalAsset }: { isLocalAsset: boolean }) => {
   const status = usePlayerStore((state) => state.status);
   const setIsIdle = usePlayerStore((state) => state.setIsIdle);
   const [showRemaining, setShowRemaining] = useState(false);
@@ -76,13 +76,17 @@ export const BottomControls = () => {
           gap={4}
           paddingBottom={40}
         >
-          <SeasonSelector />
+          {!isLocalAsset && (
-          <CaptionsSelector />
+            <>
-          <SourceSelector />
+              <SeasonSelector />
-          <AudioTrackSelector />
+              <CaptionsSelector />
-          <PlaybackSpeedSelector />
+              <SourceSelector />
-          <QualitySelector />
+              <AudioTrackSelector />
-          <DownloadButton />
+              <PlaybackSpeedSelector />
+              <QualitySelector />
+              <DownloadButton />
+            </>
+          )}
         </View>
       </View>
     );

apps/expo/src/components/player/ControlsOverlay.tsx

@@ -20,7 +20,7 @@ export const ControlsOverlay = ({
     >
       <Header />
       {!isLoading && <MiddleControls />}
-      {!isLocalAsset && <BottomControls />}
+      <BottomControls isLocalAsset={isLocalAsset} />
     </View>
   );
 };