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

40 lines
1.1 KiB
React
Raw Normal View History

// @flow
import React from 'react';
import Button from 'component/button';
2020-05-22 22:47:10 +02:00
import FilePrice from 'component/filePrice';
import { formatLbryUrlForWeb } from 'util/url';
import { withRouter } from 'react-router';
import { URL } from 'config';
import * as ICONS from 'constants/icons';
type Props = {
uri: string,
title: ?string,
isInApp: boolean,
};
function FileViewerEmbeddedTitle(props: Props) {
const { uri, title, isInApp } = props;
let contentLink = `${formatLbryUrlForWeb(uri)}`;
if (!isInApp) {
contentLink = `${contentLink}?src=embed`;
}
const contentLinkProps = isInApp ? { navigate: contentLink } : { href: contentLink };
const lbryLinkProps = isInApp ? { navigate: '/' } : { href: URL };
return (
2020-05-22 22:47:10 +02:00
<div className="file-viewer__embedded-header">
<Button label={title} button="link" className="file-viewer__embedded-title" {...contentLinkProps} />
<div className="file-viewer__embedded-info">
<Button className="file-viewer__overlay-logo" icon={ICONS.LBRY} {...lbryLinkProps} />
<FilePrice uri={uri} />
</div>
</div>
);
}
export default withRouter(FileViewerEmbeddedTitle);