9faca8da2b
i18n messages, handle error case max copy copy update @lbry/components and tweak range styles sigfigs error catching and cleanup apply review changes style table and unlock button handle tip errors separate fileDescription from fileDetails make expandable cards ui tweaks tweak copy, style, behavior remove unused strings forgot an important line
48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
// @flow
|
|
import React, { Fragment, 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;
|
|
return (
|
|
<Fragment>
|
|
<Card
|
|
title={__('Description')}
|
|
defaultExpand
|
|
actions={
|
|
<>
|
|
{description && (
|
|
<div className="media__info-text">
|
|
<MarkdownPreview content={description} />
|
|
</div>
|
|
)}
|
|
<ClaimTags uri={uri} type="large" />
|
|
</>
|
|
}
|
|
/>
|
|
</Fragment>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default FileDescription;
|