53 lines
1.4 KiB
React
53 lines
1.4 KiB
React
|
// @flow
|
||
|
import React from 'react';
|
||
|
import UriIndicator from 'component/uriIndicator';
|
||
|
import DateTime from 'component/dateTime';
|
||
|
import Button from 'component/button';
|
||
|
import { parseURI } from 'lbry-redux';
|
||
|
|
||
|
type Props = {
|
||
|
uri: string,
|
||
|
claim: ?Claim,
|
||
|
pending?: boolean,
|
||
|
type: string,
|
||
|
beginPublish: string => void,
|
||
|
};
|
||
|
|
||
|
function ClaimSubtitle(props: Props) {
|
||
|
const { pending, uri, claim, type, beginPublish } = props;
|
||
|
const claimsInChannel = (claim && claim.meta.claims_in_channel) || 0;
|
||
|
|
||
|
let isChannel;
|
||
|
let name;
|
||
|
try {
|
||
|
({ streamName: name, isChannel } = parseURI(uri));
|
||
|
} catch (e) {}
|
||
|
|
||
|
return (
|
||
|
<div className="media__subtitle">
|
||
|
{claim ? (
|
||
|
<React.Fragment>
|
||
|
<UriIndicator uri={uri} link />{' '}
|
||
|
{pending
|
||
|
? __('Pending...')
|
||
|
: claim &&
|
||
|
(isChannel ? (
|
||
|
type !== 'inline' && `${claimsInChannel} ${__('publishes')}`
|
||
|
) : (
|
||
|
<DateTime timeAgo uri={uri} />
|
||
|
))}
|
||
|
</React.Fragment>
|
||
|
) : (
|
||
|
<React.Fragment>
|
||
|
<div>{__('Publish something and claim this spot!')}</div>
|
||
|
<div className="card__actions">
|
||
|
<Button onClick={() => beginPublish(name)} button="primary" label={__('Publish to %uri%', { uri })} />
|
||
|
</div>
|
||
|
</React.Fragment>
|
||
|
)}
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default ClaimSubtitle;
|