Browse Source

[Glitch] Handle preference to always display sensitive media

Port the UI part of 76f3d5d16b to glitch-soc
closed-social-glitch-2
Thibaut Girka 6 years ago
parent
commit
dfe8abb8cd
3 changed files with 5 additions and 3 deletions
  1. +2
    -2
      app/javascript/flavours/glitch/components/media_gallery.js
  2. +2
    -1
      app/javascript/flavours/glitch/features/video/index.js
  3. +1
    -0
      app/javascript/flavours/glitch/util/initial_state.js

+ 2
- 2
app/javascript/flavours/glitch/components/media_gallery.js View File

@ -6,7 +6,7 @@ import IconButton from './icon_button';
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
import { isIOS } from 'flavours/glitch/util/is_mobile';
import classNames from 'classnames';
import { autoPlayGif } from 'flavours/glitch/util/initial_state';
import { autoPlayGif, displaySensitiveMedia } from 'flavours/glitch/util/initial_state';
const messages = defineMessages({
hidden: {
@ -208,7 +208,7 @@ export default class MediaGallery extends React.PureComponent {
};
state = {
visible: !this.props.sensitive,
visible: !this.props.sensitive || displaySensitiveMedia,
};
componentWillReceiveProps (nextProps) {

+ 2
- 1
app/javascript/flavours/glitch/features/video/index.js View File

@ -4,6 +4,7 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
import { throttle } from 'lodash';
import classNames from 'classnames';
import { isFullscreen, requestFullscreen, exitFullscreen } from 'flavours/glitch/util/fullscreen';
import { displaySensitiveMedia } from 'flavours/glitch/util/initial_state';
const messages = defineMessages({
play: { id: 'video.play', defaultMessage: 'Play' },
@ -108,7 +109,7 @@ export default class Video extends React.PureComponent {
fullscreen: false,
hovered: false,
muted: false,
revealed: !this.props.sensitive,
revealed: !this.props.sensitive || displaySensitiveMedia,
};
setPlayerRef = c => {

+ 1
- 0
app/javascript/flavours/glitch/util/initial_state.js View File

@ -13,6 +13,7 @@ const getMeta = (prop) => initialState && initialState.meta && initialState.meta
export const reduceMotion = getMeta('reduce_motion');
export const autoPlayGif = getMeta('auto_play_gif');
export const displaySensitiveMedia = getMeta('display_sensitive_media');
export const unfollowModal = getMeta('unfollow_modal');
export const boostModal = getMeta('boost_modal');
export const favouriteModal = getMeta('favourite_modal');

Loading…
Cancel
Save