import { PureComponent } from 'react'; import { IconButton } from './icon_button'; import PropTypes from 'prop-types'; import { injectIntl, defineMessages } from 'react-intl'; import { bannerSettings } from 'mastodon/settings'; const messages = defineMessages({ dismiss: { id: 'dismissable_banner.dismiss', defaultMessage: 'Dismiss' }, }); class DismissableBanner extends PureComponent { static propTypes = { id: PropTypes.string.isRequired, children: PropTypes.node, intl: PropTypes.object.isRequired, }; state = { visible: !bannerSettings.get(this.props.id), }; handleDismiss = () => { const { id } = this.props; this.setState({ visible: false }, () => bannerSettings.set(id, true)); }; render () { const { visible } = this.state; if (!visible) { return null; } const { children, intl } = this.props; return (
{children}
); } } export default injectIntl(DismissableBanner);