lbry-desktop/ui/component/common/hidden-nsfw.jsx
2019-11-11 13:27:29 -05:00

31 lines
837 B
JavaScript

// @flow
import * as PAGES from 'constants/pages';
import * as ICONS from 'constants/icons';
import React from 'react';
import Button from 'component/button';
import Icon from 'component/common/icon';
import I18nMessage from 'component/i18nMessage';
type Props = {
type?: string,
};
export default function HiddenNsfw(props: Props) {
const { type = 'page' } = props;
return (
<div className="section--padded section__subtitle">
<Icon className="icon--hidden" icon={ICONS.EYE_OFF} />
<I18nMessage
tokens={{
type,
settings: (
<Button button="link" label={__('settings')} navigate={`/$/${PAGES.SETTINGS}`} requiresAuth={IS_WEB} />
),
}}
>
Content may be hidden on this %type% because of your %settings%.
</I18nMessage>
</div>
);
}