2018-12-18 18:52:37 +01:00
import React from 'react' ;
import PropTypes from 'prop-types' ;
import ImmutablePropTypes from 'react-immutable-proptypes' ;
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2022-05-03 11:38:17 +02:00
import SettingToggle from 'flavours/glitch/features/notifications/components/setting_toggle' ;
2018-12-18 18:52:37 +01:00
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' } ,
} ) ;
2019-09-09 15:16:08 +02:00
export default @ injectIntl
class ColumnSettings extends React . PureComponent {
2018-12-18 18:52:37 +01:00
static propTypes = {
settings : ImmutablePropTypes . map . isRequired ,
onChange : PropTypes . func . isRequired ,
intl : PropTypes . object . isRequired ,
} ;
render ( ) {
const { settings , onChange , intl } = this . props ;
return (
< div >
2022-05-03 11:38:17 +02:00
< 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 >
2018-12-18 18:52:37 +01:00
< span className = 'column-settings__section' > < FormattedMessage id = 'home.column_settings.advanced' defaultMessage = 'Advanced' / > < / s p a n >
< div className = 'column-settings__row' >
2019-01-23 18:29:18 +01:00
< SettingText settings = { settings } settingPath = { [ 'regex' , 'body' ] } onChange = { onChange } label = { intl . formatMessage ( messages . filter _regex ) } / >
2018-12-18 18:52:37 +01:00
< / d i v >
< / d i v >
) ;
}
}