import React from 'react' ;
import PropTypes from 'prop-types' ;
import ImmutablePropTypes from 'react-immutable-proptypes' ;
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
import SettingToggle from 'flavours/glitch/features/notifications/components/setting_toggle' ;
import SettingText from '../../../components/setting_text' ;
const messages = defineMessages ( {
filter _regex : { id : 'home.column_settings.filter_regex' , defaultMessage : 'Filter out by regular expressions' } ,
settings : { id : 'home.settings' , defaultMessage : 'Column settings' } ,
} ) ;
export default @ injectIntl
class ColumnSettings extends React . PureComponent {
static propTypes = {
settings : ImmutablePropTypes . map . isRequired ,
onChange : PropTypes . func . isRequired ,
intl : PropTypes . object . isRequired ,
} ;
render ( ) {
const { settings , onChange , intl } = this . props ;
return (
< div >
< span className = 'column-settings__section' > < FormattedMessage id = 'home.column_settings.basic' defaultMessage = 'Basic' / > < / s p a n >
< div className = 'column-settings__row' >
< SettingToggle settings = { settings } settingPath = { [ 'conversations' ] } onChange = { onChange } label = { < FormattedMessage id = 'direct.group_by_conversations' defaultMessage = 'Group by conversation' / > } / >
< / d i v >
< span className = 'column-settings__section' > < FormattedMessage id = 'home.column_settings.advanced' defaultMessage = 'Advanced' / > < / s p a n >
< div className = 'column-settings__row' >
< SettingText settings = { settings } settingPath = { [ 'regex' , 'body' ] } onChange = { onChange } label = { intl . formatMessage ( messages . filter _regex ) } / >
< / d i v >
< / d i v >
) ;
}
}