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

47 lines
1.1 KiB
React
Raw Normal View History

// @flow
2020-08-10 22:47:39 +02:00
import React, { PureComponent } from 'react';
import MarkdownPreview from 'component/common/markdown-preview';
import ClaimTags from 'component/claimTags';
import Card from 'component/common/card';
type Props = {
uri: string,
claim: StreamClaim,
metadata: StreamMetadata,
user: ?any,
tags: any,
};
class FileDescription extends PureComponent<Props> {
render() {
const { uri, claim, metadata, tags } = this.props;
if (!claim || !metadata) {
return <span className="empty">{__('Empty claim or metadata info.')}</span>;
}
const { description } = metadata;
if (!description && !(tags && tags.length)) return null;
2020-08-10 22:47:39 +02:00
return (
2020-08-10 22:47:39 +02:00
<Card
title={__('Description')}
defaultExpand
actions={
<>
{description && (
<div className="media__info-text">
<MarkdownPreview content={description} />
</div>
)}
<ClaimTags uri={uri} type="large" />
</>
}
/>
);
}
}
export default FileDescription;