lbry-desktop/ui/component/fileDownloadLink/view.jsx

95 lines
2.3 KiB
React
Raw Normal View History

2018-05-21 22:30:00 +02:00
// @flow
2018-11-26 02:21:25 +01:00
import * as ICONS from 'constants/icons';
import * as MODALS from 'constants/modal_types';
import React from 'react';
2018-03-26 23:32:43 +02:00
import Button from 'component/button';
2018-06-20 05:55:25 +02:00
import ToolTip from 'component/common/tooltip';
2017-09-08 05:15:05 +02:00
2018-05-21 22:30:00 +02:00
type Props = {
2019-08-06 05:25:33 +02:00
uri: string,
2020-01-07 19:17:43 +01:00
claim: StreamClaim,
claimIsMine: boolean,
2018-05-21 22:30:00 +02:00
downloading: boolean,
loading: boolean,
2019-08-02 08:28:14 +02:00
isStreamable: boolean,
2019-08-06 05:25:33 +02:00
fileInfo: ?FileListItem,
openModal: (id: string, { path: string }) => void,
pause: () => void,
2019-08-06 05:25:33 +02:00
download: string => void,
triggerViewEvent: string => void,
costInfo: ?{ cost: string },
2018-05-21 22:30:00 +02:00
};
2019-08-02 08:28:14 +02:00
function FileDownloadLink(props: Props) {
const {
fileInfo,
downloading,
loading,
openModal,
pause,
claimIsMine,
download,
uri,
claim,
triggerViewEvent,
costInfo,
} = props;
const cost = costInfo ? Number(costInfo.cost) : 0;
const isPaidContent = cost > 0;
2020-01-07 19:17:43 +01:00
const { name, claim_id: claimId, value } = claim;
const fileName = value && value.source && value.source.name;
const downloadUrl = `/$/download/${name}/${claimId}`;
2017-09-08 05:15:05 +02:00
function handleDownload() {
// @if TARGET='app'
download(uri);
// @endif;
// @if TARGET='web'
triggerViewEvent(uri);
// @endif;
}
if (IS_WEB && isPaidContent) {
return null;
}
if (downloading || loading) {
2019-08-02 08:28:14 +02:00
const progress = fileInfo && fileInfo.written_bytes > 0 ? (fileInfo.written_bytes / fileInfo.total_bytes) * 100 : 0;
const label =
2019-08-14 05:56:11 +02:00
fileInfo && fileInfo.written_bytes > 0 ? progress.toFixed(0) + __('% downloaded') : __('Connecting...');
2018-03-26 23:32:43 +02:00
2019-08-02 08:28:14 +02:00
return <span>{label}</span>;
}
2017-09-08 05:15:05 +02:00
2019-08-02 08:28:14 +02:00
if (fileInfo && fileInfo.download_path && fileInfo.completed) {
return (
<ToolTip label={__('Open file')}>
<Button
2019-11-22 22:13:00 +01:00
button="alt"
2019-08-02 08:28:14 +02:00
icon={ICONS.EXTERNAL}
onClick={() => {
pause();
openModal(MODALS.CONFIRM_EXTERNAL_RESOURCE, { path: fileInfo.download_path, isMine: claimIsMine });
}}
/>
</ToolTip>
);
2017-09-08 05:15:05 +02:00
}
return (
<ToolTip label={IS_WEB ? __('Download') : __('Add to your library')}>
<Button
button="alt"
icon={ICONS.DOWNLOAD}
onClick={handleDownload}
// @if TARGET='web'
download={fileName}
href={downloadUrl}
// @endif
/>
</ToolTip>
);
2017-09-08 05:15:05 +02:00
}
export default FileDownloadLink;