create FilterBar componer and its container, unstyled

app/javascript/mastodon/features/notifications/components/filter_bar.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormattedMessage } from 'react-intl';
+
+export default class FilterBar extends React.PureComponent {
+
+  // static propTypes = {
+  //   onClick: PropTypes.func.isRequired,
+  // };
+
+  render () {
+    return (
+      <div>
+        <button
+          onClick={() => console.log('all')}
+        >
+          <FormattedMessage
+            id='notifications.filter.all'
+            defaultMessage='All'
+          />
+        </button>
+        <button
+          onClick={() => console.log('mentions')}
+        >
+          <FormattedMessage
+            id='notifications.filter.mentions'
+            defaultMessage='Mentions'
+          />
+        </button>
+        <button
+          onClick={() => console.log('favourites')}
+        >
+          <FormattedMessage
+            id='notifications.filter.favourites'
+            defaultMessage='Favourites'
+          />
+        </button>
+        <button
+          onClick={() => console.log('Boosts')}
+        >
+          <FormattedMessage
+            id='notifications.filter.Boosts'
+            defaultMessage='Boosts'
+          />
+        </button>
+        <button
+          onClick={() => console.log('follows')}
+        >
+          <FormattedMessage
+            id='notifications.filter.follows'
+            defaultMessage='Follows'
+          />
+        </button>
+      </div>
+    );
+  }
+
+}

app/javascript/mastodon/features/notifications/containers/filter_bar_container.js

@@ -0,0 +1,8 @@
+import { connect } from 'react-redux';
+import FilterBar from '../components/filter_bar';
+
+const makeMapStateToProps = () => undefined;
+
+const mapDispatchToProps = dispatch => undefined;
+
+export default connect(makeMapStateToProps, mapDispatchToProps)(FilterBar);

app/javascript/mastodon/features/notifications/index.js

@@ -9,6 +9,7 @@ import { addColumn, removeColumn, moveColumn } from '../../actions/columns';
 import NotificationContainer from './containers/notification_container';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ColumnSettingsContainer from './containers/column_settings_container';
+import FilterBarContainer from './containers/filter_bar_container';
 import { createSelector } from 'reselect';
 import { List as ImmutableList } from 'immutable';
 import { debounce } from 'lodash';
@@ -179,7 +180,7 @@ class Notifications extends React.PureComponent {
         >
           <ColumnSettingsContainer />
         </ColumnHeader>
-
+        <FilterBarContainer />
         {scrollContainer}
       </Column>
     );