110 lines
3.1 KiB
JavaScript
110 lines
3.1 KiB
JavaScript
import React from 'react';
|
|
import { NativeModules, Text, View, TouchableOpacity } from 'react-native';
|
|
import Button from '../button';
|
|
import fileDownloadButtonStyle from 'styles/fileDownloadButton';
|
|
|
|
class FileDownloadButton extends React.PureComponent {
|
|
componentDidMount() {
|
|
const { costInfo, fetchCostInfo, uri } = this.props;
|
|
if (costInfo === undefined) {
|
|
fetchCostInfo(uri);
|
|
}
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
//this.checkAvailability(nextProps.uri);
|
|
//this.restartDownload(nextProps);
|
|
}
|
|
|
|
restartDownload(props) {
|
|
const { downloading, fileInfo, uri, restartDownload } = props;
|
|
|
|
if (
|
|
!downloading &&
|
|
fileInfo &&
|
|
!fileInfo.completed &&
|
|
fileInfo.written_bytes !== false &&
|
|
fileInfo.written_bytes < fileInfo.total_bytes
|
|
) {
|
|
restartDownload(uri, fileInfo.outpoint);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
fileInfo,
|
|
downloading,
|
|
uri,
|
|
purchaseUri,
|
|
costInfo,
|
|
isPlayable,
|
|
isViewable,
|
|
onPlay,
|
|
onView,
|
|
loading,
|
|
doPause,
|
|
style,
|
|
openFile,
|
|
onButtonLayout,
|
|
} = this.props;
|
|
|
|
if ((fileInfo && !fileInfo.stopped) || loading || downloading) {
|
|
const progress = fileInfo && fileInfo.written_bytes ? (fileInfo.written_bytes / fileInfo.total_bytes) * 100 : 0,
|
|
label = fileInfo ? progress.toFixed(0) + '% complete' : 'Connecting...';
|
|
|
|
return (
|
|
<View style={[style, fileDownloadButtonStyle.container]}>
|
|
<View
|
|
style={{ width: `${progress}%`, backgroundColor: '#ff0000', position: 'absolute', left: 0, top: 0 }}
|
|
></View>
|
|
<Text style={fileDownloadButtonStyle.text}>{label}</Text>
|
|
</View>
|
|
);
|
|
} else if (!fileInfo && !downloading) {
|
|
if (!costInfo) {
|
|
return (
|
|
<View style={[style, fileDownloadButtonStyle.container]}>
|
|
<Text style={fileDownloadButtonStyle.text}>Fetching cost info...</Text>
|
|
</View>
|
|
);
|
|
}
|
|
return (
|
|
<Button
|
|
icon={isPlayable ? 'play' : null}
|
|
text={isPlayable ? 'Play' : isViewable ? 'View' : 'Download'}
|
|
onLayout={onButtonLayout}
|
|
style={[style, fileDownloadButtonStyle.container]}
|
|
onPress={() => {
|
|
if (NativeModules.Firebase) {
|
|
NativeModules.Firebase.track('purchase_uri', { uri: uri });
|
|
}
|
|
purchaseUri(uri, costInfo, !isPlayable);
|
|
if (NativeModules.UtilityModule) {
|
|
NativeModules.UtilityModule.checkDownloads();
|
|
}
|
|
if (isPlayable && onPlay) {
|
|
this.props.onPlay();
|
|
}
|
|
if (isViewable && onView) {
|
|
this.props.onView();
|
|
}
|
|
}}
|
|
/>
|
|
);
|
|
} else if (fileInfo && fileInfo.download_path) {
|
|
return (
|
|
<TouchableOpacity
|
|
onLayout={onButtonLayout}
|
|
style={[style, fileDownloadButtonStyle.container]}
|
|
onPress={openFile}
|
|
>
|
|
<Text style={fileDownloadButtonStyle.text}>{isViewable ? 'View' : 'Open'}</Text>
|
|
</TouchableOpacity>
|
|
);
|
|
}
|
|
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export default FileDownloadButton;
|