app/javascript/mastodon/features/community_timeline/components/column_settings.js

   1 import React from 'react';
   2 import PropTypes from 'prop-types';
   3 import ImmutablePropTypes from 'react-immutable-proptypes';
   4 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
   5 import SettingText from '../../../components/setting_text';
   6
   7 const messages = defineMessages({
   8   filter_regex: { id: 'home.column_settings.filter_regex', defaultMessage: 'Filter out by regular expressions' },
   9   settings: { id: 'home.settings', defaultMessage: 'Column settings' },
  10 });
  11
  12 @injectIntl
  13 export default class ColumnSettings extends React.PureComponent {
  14
  15   static propTypes = {
  16     settings: ImmutablePropTypes.map.isRequired,
  17     onChange: PropTypes.func.isRequired,
  18     intl: PropTypes.object.isRequired,
  19   };
  20
  21   render () {
  22     const { settings, onChange, intl } = this.props;
  23
  24     return (
  25       <div>
  26         <span className='column-settings__section'><FormattedMessage id='home.column_settings.advanced' defaultMessage='Advanced' /></span>
  27
  28         <div className='column-settings__row'>
  29           <SettingText settings={settings} settingKey={['regex', 'body']} onChange={onChange} label={intl.formatMessage(messages.filter_regex)} />
  30         </div>
  31       </div>
  32     );
  33   }
  34
  35 }