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

53 lines
1.5 KiB
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import { injectIntl, defineMessages } from 'react-intl'
import Button from './button'
import Text from './text'
class SensitiveMediaItem extends React.PureComponent {
render() {
const {
intl,
onClick,
} = this.props
return (
<div className={[_s.d, _s.px15, _s.pt5].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.radiusSmall, _s.bgTertiary, _s.py10, _s.px15, _s.h100PC, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.jcCenter, _s.flexNormal].join(' ')}>
<Text color='secondary'>
{intl.formatMessage(messages.warning)}
</Text>
</div>
<div className={[_s.d, _s.jcCenter, _s.mlAuto].join(' ')}>
<Button
onClick={onClick}
color='tertiary'
backgroundColor='none'
className={_s.bgSecondaryDark_onHover}
>
<Text color='inherit' weight='bold' size='medium'>
{intl.formatMessage(messages.view)}
</Text>
</Button>
</div>
</div>
</div>
)
}
}
const messages = defineMessages({
warning: { id: 'status.sensitive_warning_2', defaultMessage: 'The author of this gab has added a warning to this media.' },
view: { id: 'view', defaultMessage: 'View' },
});
SensitiveMediaItem.propTypes = {
intl: PropTypes.object.isRequired,
onClick: PropTypes.func.isRequired,
}
export default injectIntl(SensitiveMediaItem)