diff --git a/app/gabsocial/features/filters/index.js b/app/gabsocial/features/filters/index.js new file mode 100644 index 000000000..7e6048532 --- /dev/null +++ b/app/gabsocial/features/filters/index.js @@ -0,0 +1,42 @@ +import React from 'react'; +import { connect } from 'react-redux'; +import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; +import ImmutablePureComponent from 'react-immutable-pure-component'; +import PropTypes from 'prop-types'; +import Column from '../ui/components/column'; +import { fetchFilters } from '../../actions/filters'; + +const messages = defineMessages({ + heading: { id: 'column.filters', defaultMessage: 'Muted words' }, +}); + +const mapStateToProps = state => ({ + filters: state.get('filters'), +}); + +export default @connect(mapStateToProps) +@injectIntl +class Filters extends ImmutablePureComponent { + + static propTypes = { + params: PropTypes.object.isRequired, + dispatch: PropTypes.func.isRequired, + intl: PropTypes.object.isRequired, + }; + + componentWillMount() { + this.props.dispatch(fetchFilters()); + } + + render() { + const { intl } = this.props; + const emptyMessage = ; + + return ( + + {emptyMessage} + + ); + } + +} diff --git a/app/gabsocial/features/ui/index.js b/app/gabsocial/features/ui/index.js index a0dfd785f..cbc5e2c1b 100644 --- a/app/gabsocial/features/ui/index.js +++ b/app/gabsocial/features/ui/index.js @@ -54,6 +54,7 @@ import { Blocks, DomainBlocks, Mutes, + Filters, PinnedStatuses, Search, // Explore, @@ -223,6 +224,7 @@ class SwitchingColumnsArea extends React.PureComponent { + diff --git a/app/gabsocial/features/ui/util/async-components.js b/app/gabsocial/features/ui/util/async-components.js index f19cd3298..b9c846cdd 100644 --- a/app/gabsocial/features/ui/util/async-components.js +++ b/app/gabsocial/features/ui/util/async-components.js @@ -126,6 +126,10 @@ export function MuteModal() { return import(/* webpackChunkName: "modals/mute_modal" */'../components/mute_modal'); } +export function Filters() { + return import(/* webpackChunkName: "features/filters" */'../../filters'); +} + export function ReportModal() { return import(/* webpackChunkName: "modals/report_modal" */'../components/report_modal'); }