Something went wrong. Try again.
An ATproto social media client -- with an independent Appview.
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364import {View} from 'react-native'// @ts-expect-error no type definitionimport ProgressPie from 'react-native-progress/Pie'import {type ImagePickerAsset} from 'expo-image-picker'
import {clamp} from '#/lib/numbers'import {isWeb} from '#/platform/detection'import {atoms as a, useTheme} from '#/alf'import {ExternalEmbedRemoveBtn} from '../ExternalEmbedRemoveBtn'import {VideoTranscodeBackdrop} from './VideoTranscodeBackdrop'
export function VideoTranscodeProgress({ asset, progress, clear,}: { asset: ImagePickerAsset progress: number clear: () => void}) { const t = useTheme()
if (isWeb) return null
let aspectRatio = asset.width / asset.height
if (isNaN(aspectRatio)) { aspectRatio = 16 / 9 }
aspectRatio = clamp(aspectRatio, 1 / 1, 3 / 1)
return ( <View style={[ a.w_full, t.atoms.bg_contrast_50, a.rounded_md, a.overflow_hidden, {aspectRatio}, ]}> <VideoTranscodeBackdrop uri={asset.uri} /> <View style={[ a.flex_1, a.align_center, a.justify_center, a.gap_lg, a.absolute, a.inset_0, ]}> <ProgressPie size={48} borderWidth={3} borderColor={t.atoms.text.color} color={t.atoms.text.color} progress={progress} /> </View> <ExternalEmbedRemoveBtn onRemove={clear} /> </View> )}