lbry-desktop/src/ui/component/fileActions/view.jsx
Thomas Zarebczan c3f4d66773 fix: delete button for blobs
Show delete as soon as any blobs are saved.
2019-08-14 23:10:53 -04:00

43 lines
1.2 KiB
JavaScript

// @flow
import * as MODALS from 'constants/modal_types';
import * as ICONS from 'constants/icons';
import React from 'react';
import Button from 'component/button';
import Tooltip from 'component/common/tooltip';
type Props = {
uri: string,
claimId: string,
openModal: (id: string, { uri: string }) => void,
claimIsMine: boolean,
fileInfo: FileListItem,
};
class FileActions extends React.PureComponent<Props> {
render() {
const { fileInfo, uri, openModal, claimIsMine, claimId } = this.props;
const showDelete = claimIsMine || (fileInfo && (fileInfo.written_bytes > 0 || fileInfo.blobs_completed > 0));
return (
<React.Fragment>
{showDelete && (
<Tooltip label={__('Remove from your library')}>
<Button
button="link"
icon={ICONS.DELETE}
description={__('Delete')}
onClick={() => openModal(MODALS.CONFIRM_FILE_REMOVE, { uri })}
/>
</Tooltip>
)}
{!claimIsMine && (
<Tooltip label={__('Report content')}>
<Button button="link" icon={ICONS.REPORT} href={`https://lbry.com/dmca?claim_id=${claimId}`} />
</Tooltip>
)}
</React.Fragment>
);
}
}
export default FileActions;