movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve loading, caption renderer, season/episode selector, source selector

Browse Source
This commit is contained in:
Jorrin
2024-02-19 22:12:08 +01:00
parent efab11bff5
commit 90c6c2093b
31 changed files with 1453 additions and 824 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
apps/expo/src/components/player/BottomControls.tsx
View File

@@ -6,7 +6,7 @@ import { Text } from "../ui/Text";
import { CaptionsSelector } from "./CaptionsSelector";
import { Controls } from "./Controls";
import { ProgressBar } from "./ProgressBar";
import { SeasonEpisodeSelector } from "./SeasonEpisodeSelector";
import { SeasonSelector } from "./SeasonEpisodeSelector";
import { SourceSelector } from "./SourceSelector";
import { mapMillisecondsToTime } from "./utils";
@@ -36,32 +36,28 @@ export const BottomControls = () => {
if (status?.isLoaded) {
return (
<Controls>
<View className="flex h-40 w-full flex-col items-center justify-center p-6">
<View className="w-full">
<View className="flex flex-row items-center">
<Text className="font-bold">{getCurrentTime()}</Text>
<Text className="mx-1 font-bold">/</Text>
<TouchableOpacity onPress={toggleTimeDisplay}>
<Text className="font-bold">
{showRemaining
? getRemainingTime()
: mapMillisecondsToTime(status.durationMillis ?? 0)}
</Text>
</TouchableOpacity>
</View>
<View>
<ProgressBar />
</View>
<View className="flex w-full flex-row items-center justify-start">
<SeasonEpisodeSelector />
<CaptionsSelector />
<SourceSelector />
</View>
<View className="flex h-32 w-full flex-col items-center justify-center p-6">
<Controls>
<View className="flex w-full flex-row items-center">
<Text className="font-bold">{getCurrentTime()}</Text>
<Text className="mx-1 font-bold">/</Text>
<TouchableOpacity onPress={toggleTimeDisplay}>
<Text className="font-bold">
{showRemaining
? getRemainingTime()
: mapMillisecondsToTime(status.durationMillis ?? 0)}
</Text>
</TouchableOpacity>
</View>
<ProgressBar />
</Controls>
<View className="flex w-full flex-row items-center justify-center gap-4 pb-10">
<SeasonSelector />
<CaptionsSelector />
<SourceSelector />
</View>
</Controls>
</View>
);
}
};