mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-08-23 17:47:24 +00:00
4c57cdd99f
## Issue: Fixes 4549 `Mature content + navigating to URLs directly` _If a user navigates to mature content directly, we currently show the page even if mature content setting is not enabled. With our recent mature content verification setting, we should hide the page until the user turns it on - we can prompt directly on the file page._ ## Changes: 1. Show basic info of the claim like URL and Title, so that user knows which page is being blocked. 2. Initially, I had 2 "boxes" -- one for the title and another for the message. It felt a bit messy, so `FileTitle` was augmented to house everything in one box.
79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import { normalizeURI } from 'lbry-redux';
|
|
import FilePrice from 'component/filePrice';
|
|
import ClaimInsufficientCredits from 'component/claimInsufficientCredits';
|
|
import FileSubtitle from 'component/fileSubtitle';
|
|
import FileAuthor from 'component/fileAuthor';
|
|
import FileActions from 'component/fileActions';
|
|
import Card from 'component/common/card';
|
|
import * as ICONS from 'constants/icons';
|
|
import Icon from 'component/common/icon';
|
|
import I18nMessage from 'component/i18nMessage';
|
|
import Button from 'component/button';
|
|
import * as PAGES from 'constants/pages';
|
|
|
|
type Props = {
|
|
uri: string,
|
|
title: string,
|
|
nsfw: boolean,
|
|
isNsfwBlocked: boolean,
|
|
};
|
|
|
|
function FileTitle(props: Props) {
|
|
const { title, uri, nsfw, isNsfwBlocked } = props;
|
|
|
|
return (
|
|
<Card
|
|
isPageTitle
|
|
noTitleWrap
|
|
title={
|
|
<React.Fragment>
|
|
{title}
|
|
{nsfw && (
|
|
<span className="media__title-badge">
|
|
<span className="badge badge--tag-mature">{__('Mature')}</span>
|
|
</span>
|
|
)}
|
|
</React.Fragment>
|
|
}
|
|
titleActions={<FilePrice uri={normalizeURI(uri)} type="filepage" />}
|
|
body={
|
|
<React.Fragment>
|
|
<ClaimInsufficientCredits uri={uri} />
|
|
<FileSubtitle uri={uri} />
|
|
</React.Fragment>
|
|
}
|
|
actions={
|
|
isNsfwBlocked ? (
|
|
<div className="main--empty">
|
|
<h2 className="card__title card__title">
|
|
<Icon className="icon--hidden" icon={ICONS.EYE_OFF} />
|
|
{__('Mature content blocked')}
|
|
</h2>
|
|
<div>
|
|
<I18nMessage
|
|
tokens={{
|
|
settings: <Button button="link" label={__('Content Settings')} navigate={`/$/${PAGES.SETTINGS}`} />,
|
|
}}
|
|
>
|
|
Change %settings%
|
|
</I18nMessage>
|
|
</div>
|
|
</div>
|
|
) : (
|
|
<div>
|
|
<div className="section">
|
|
<FileActions uri={uri} />
|
|
</div>
|
|
<div className="section">
|
|
<FileAuthor uri={uri} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default FileTitle;
|