gab-social/app/javascript/gabsocial/components/sensitive_media_item.js

51 lines
1.5 KiB
JavaScript
Raw Normal View History

2020-04-08 02:06:59 +01:00
import { injectIntl, defineMessages } from 'react-intl'
import Button from './button'
import Text from './text'
const messages = defineMessages({
warning: { id: 'status.sensitive_warning_2', defaultMessage: 'The following media includes potentially sensitive content.' },
view: { id: 'view', defaultMessage: 'View' },
});
export default
@injectIntl
class SensitiveMediaItem extends PureComponent {
static propTypes = {
intl: PropTypes.object.isRequired,
onClick: PropTypes.func.isRequired,
}
render() {
const {
intl,
onClick,
} = this.props
return (
<div className={[_s.default, _s.px15, _s.pt5].join(' ')}>
2020-04-29 23:32:49 +01:00
<div className={[_s.default, _s.flexRow, _s.radiusSmall, _s.bgTertiary, _s.py10, _s.px15, _s.height100PC, _s.width100PC].join(' ')}>
2020-04-08 02:06:59 +01:00
<div className={[_s.default, _s.justifyContentCenter, _s.flexNormal].join(' ')}>
<Text color='secondary'>
{intl.formatMessage(messages.warning)}
</Text>
</div>
2020-04-24 04:17:27 +01:00
<div className={[_s.default, _s.justifyContentCenter, _s.mlAuto].join(' ')}>
2020-04-08 02:06:59 +01:00
<Button
onClick={onClick}
color='tertiary'
backgroundColor='none'
2020-04-29 23:32:49 +01:00
className={_s.bgSecondaryDark_onHover}
2020-04-08 02:06:59 +01:00
>
<Text color='inherit' weight='bold' size='medium'>
{intl.formatMessage(messages.view)}
</Text>
</Button>
</div>
</div>
</div>
)
}
}