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

fix show title format

Browse Source
This commit is contained in:
Jorrin
2024-04-06 17:00:51 +02:00
parent c61f18941e
commit 1a142548eb
1 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/expo/src/components/DownloadItem.tsx
View File

@@ -92,32 +92,27 @@ export function DownloadItem(props: DownloadItemProps) {
/> />
</View> </View>
<YStack gap="$2"> <YStack gap="$2">
<XStack gap="$5"> <XStack gap="$6" maxWidth="65%">
<Text <Text fontWeight="$bold" ellipse flexGrow={1}>
fontWeight="$bold"
ellipse
maxWidth={props.item.type === "hls" ? "70%" : "40%"}
flexGrow={1}
>
{props.item.media.title} {props.item.media.title}
</Text> </Text>
{props.item.type !== "hls" && ( {props.item.type !== "hls" && (
<Text fontSize={12} color="gray"> <Text fontSize="$2" color="gray">
{props.item.speed.toFixed(2)} MB/s {props.item.speed.toFixed(2)} MB/s
</Text> </Text>
)} )}
</XStack> </XStack>
<MWProgress value={percentage} height={10}> <MWProgress value={percentage} height={10} maxWidth="100%">
<MWProgress.Indicator /> <MWProgress.Indicator />
</MWProgress> </MWProgress>
<XStack alignItems="center" justifyContent="space-between"> <XStack alignItems="center" justifyContent="space-between">
<Text fontSize={12} color="gray"> <Text fontSize="$2" color="gray">
{props.item.type === "hls" {props.item.type === "hls"
? `${percentage.toFixed()}% - ${props.item.downloaded} of ${props.item.fileSize} segments` ? `${percentage.toFixed()}% - ${props.item.downloaded} of ${props.item.fileSize} segments`
: `${percentage.toFixed()}% - ${formattedDownloaded} of ${formattedFileSize}`} : `${percentage.toFixed()}% - ${formattedDownloaded} of ${formattedFileSize}`}
</Text> </Text>
<View style={{ flexDirection: "row", alignItems: "center" }}> <View style={{ flexDirection: "row", alignItems: "center" }}>
<Text fontSize={12} color="gray"> <Text fontSize="$2" color="gray">
{statusToTextMap[props.item.status]} {statusToTextMap[props.item.status]}
</Text> </Text>
</View> </View>