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

setup progress bar without functionalities

Browse Source
This commit is contained in:
Jorrin
2024-02-13 21:50:02 +01:00
parent 2bd284a147
commit 85372e5e5c
2 changed files with 83 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,6 +3,7 @@ import { View } from "react-native";
import { usePlayerStore } from "~/stores/player/store";
import { Text } from "../ui/Text";
import { Controls } from "./Controls";
import { ProgressBar } from "./ProgressBar";
import { mapMillisecondsToTime } from "./utils";
export const BottomControls = () => {
@@ -13,10 +14,11 @@ export const BottomControls = () => {
return (
<Controls>
<View className="flex h-16 w-full flex-row items-center justify-center">
<View className="flex flex-row items-center justify-center gap-2 px-4 py-2">
<View className="flex flex-row items-center justify-center gap-5 px-4 py-2">
<Text className="font-bold">
{mapMillisecondsToTime(status.positionMillis ?? 0)}
</Text>
<ProgressBar />
<Text className="font-bold">
{mapMillisecondsToTime(status.durationMillis ?? 0)}
</Text>