116 lines
3.9 KiB
React
116 lines
3.9 KiB
React
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
import { SETTINGS } from 'lbry-redux';
|
||
|
|
import { Lbryio } from 'lbryinc';
|
||
|
|
import { SIMPLE_SITE } from 'config';
|
||
|
|
import * as MODALS from 'constants/modal_types';
|
||
|
|
import Card from 'component/common/card';
|
||
|
|
import { FormField } from 'component/common/form';
|
||
|
|
import MaxPurchasePrice from 'component/maxPurchasePrice';
|
||
|
|
import SettingsRow from 'component/settingsRow';
|
||
|
|
|
||
|
|
const HELP_FLOATING_PLAYER = 'Keep content playing in the corner when navigating to a different page.';
|
||
|
|
const HELP_AUTOPLAY =
|
||
|
|
'Autoplay video and audio files when navigating to a file, as well as the next related item when a file finishes playing.';
|
||
|
|
const HELP_HIDE_REPOSTS = 'You will not see reposts by people you follow or receive email notifying about them.';
|
||
|
|
const HELP_SHOW_MATURE =
|
||
|
|
'Mature content may include nudity, intense sexuality, profanity, or other adult content. By displaying mature content, you are affirming you are of legal age to view mature content in your country or jurisdiction. ';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
isAuthenticated: boolean,
|
||
|
|
floatingPlayer: boolean,
|
||
|
|
autoplay: boolean,
|
||
|
|
hideReposts: ?boolean,
|
||
|
|
showNsfw: boolean,
|
||
|
|
setClientSetting: (string, boolean | string | number) => void,
|
||
|
|
clearPlayingUri: () => void,
|
||
|
|
openModal: (string) => void,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function SettingContent(props: Props) {
|
||
|
|
const {
|
||
|
|
isAuthenticated,
|
||
|
|
floatingPlayer,
|
||
|
|
autoplay,
|
||
|
|
hideReposts,
|
||
|
|
showNsfw,
|
||
|
|
setClientSetting,
|
||
|
|
clearPlayingUri,
|
||
|
|
openModal,
|
||
|
|
} = props;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Card
|
||
|
|
title={__('Content settings')}
|
||
|
|
subtitle=""
|
||
|
|
isBodyList
|
||
|
|
body={
|
||
|
|
<>
|
||
|
|
<SettingsRow title={__('Floating video player')} subtitle={__(HELP_FLOATING_PLAYER)}>
|
||
|
|
<FormField
|
||
|
|
type="checkbox"
|
||
|
|
name="floating_player"
|
||
|
|
onChange={() => {
|
||
|
|
setClientSetting(SETTINGS.FLOATING_PLAYER, !floatingPlayer);
|
||
|
|
clearPlayingUri();
|
||
|
|
}}
|
||
|
|
checked={floatingPlayer}
|
||
|
|
/>
|
||
|
|
</SettingsRow>
|
||
|
|
|
||
|
|
<SettingsRow title={__('Autoplay media files')} subtitle={__(HELP_AUTOPLAY)}>
|
||
|
|
<FormField
|
||
|
|
type="checkbox"
|
||
|
|
name="autoplay"
|
||
|
|
onChange={() => setClientSetting(SETTINGS.AUTOPLAY, !autoplay)}
|
||
|
|
checked={autoplay}
|
||
|
|
/>
|
||
|
|
</SettingsRow>
|
||
|
|
|
||
|
|
{!SIMPLE_SITE && (
|
||
|
|
<>
|
||
|
|
<SettingsRow title={__('Hide reposts')} subtitle={__(HELP_HIDE_REPOSTS)}>
|
||
|
|
<FormField
|
||
|
|
type="checkbox"
|
||
|
|
name="hide_reposts"
|
||
|
|
onChange={(e) => {
|
||
|
|
if (isAuthenticated) {
|
||
|
|
let param = e.target.checked ? { add: 'noreposts' } : { remove: 'noreposts' };
|
||
|
|
Lbryio.call('user_tag', 'edit', param);
|
||
|
|
}
|
||
|
|
setClientSetting(SETTINGS.HIDE_REPOSTS, !hideReposts);
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</SettingsRow>
|
||
|
|
|
||
|
|
{/*
|
||
|
|
<SettingsRow title={__('Show anonymous content')} subtitle={__('Anonymous content is published without a channel.')} >
|
||
|
|
<FormField
|
||
|
|
type="checkbox"
|
||
|
|
name="show_anonymous"
|
||
|
|
onChange={() => setClientSetting(SETTINGS.SHOW_ANONYMOUS, !showAnonymous)}
|
||
|
|
checked={showAnonymous}
|
||
|
|
/>
|
||
|
|
</SettingsRow>
|
||
|
|
*/}
|
||
|
|
|
||
|
|
<SettingsRow title={__('Show mature content')} subtitle={__(HELP_SHOW_MATURE)}>
|
||
|
|
<FormField
|
||
|
|
type="checkbox"
|
||
|
|
name="show_nsfw"
|
||
|
|
checked={showNsfw}
|
||
|
|
onChange={() =>
|
||
|
|
!IS_WEB || showNsfw
|
||
|
|
? setClientSetting(SETTINGS.SHOW_MATURE, !showNsfw)
|
||
|
|
: openModal(MODALS.CONFIRM_AGE)
|
||
|
|
}
|
||
|
|
/>
|
||
|
|
</SettingsRow>
|
||
|
|
</>
|
||
|
|
)}
|
||
|
|
</>
|
||
|
|
}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|