add indicator of time remaining (#5000)

This commit is contained in:
Samuel Newman 2024-08-27 22:15:59 +01:00 committed by GitHub
parent 9b534b968d
commit b69c40da33
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 58 additions and 35 deletions

View file

@ -36,6 +36,7 @@ import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
import {SpeakerVolumeFull_Stroke2_Corner0_Rounded as UnmuteIcon} from '#/components/icons/Speaker'
import {Loader} from '#/components/Loader'
import {Text} from '#/components/Typography'
import {TimeIndicator} from './TimeIndicator'
export function Controls({
videoRef,
@ -252,6 +253,9 @@ export function Controls({
style={a.flex_1}
onPress={onPressEmptySpace}
/>
{active && !showControls && !focused && (
<TimeIndicator time={Math.floor(duration - currentTime)} />
)}
<View
style={[
a.flex_shrink_0,