Added search filter for isVerified accounts

• Added:
- search filter for isVerified accounts

• Todo:
- Implement in account search query

app/javascript/gabsocial/components/panel/search_filter_panel.js

@@ -1,35 +1,57 @@
-import { Fragment } from 'react'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import { shortNumberFormat } from '../../utils/numbers'
+import { setFilter } from '../../actions/search'
 import PanelLayout from './panel_layout'
-import Button from '../button'
-import Divider from '../divider'
-import Heading from '../heading'
-import Icon from '../icon'
-import Text from '../text'
+import SettingSwitch from '../setting_switch'
 
 const messages = defineMessages({
   title: { id: 'search_filters', defaultMessage: 'Search Filters' },
+  onlyVerified: { id: 'notification_only_verified', defaultMessage: 'Only Verified Users' },
+})
+
+const mapStateToProps = (state) => ({
+  settings: state.getIn(['search', 'filter']),
+})
+
+const mapDispatchToProps = (dispatch) => ({
+  onChange(path, value) {
+    dispatch(setFilter(path, value, true))
+  },
 })
 
 export default
 @injectIntl
+@connect(mapStateToProps, mapDispatchToProps)
 class SearchFilterPanel extends ImmutablePureComponent {
 
   static propTypes = {
     intl: PropTypes.object.isRequired,
+    onChange: PropTypes.func.isRequired,
+    settings: ImmutablePropTypes.map.isRequired,
+  }
+
+  componentWillUnmount () {
+    //reset
+    this.props.onChange('onlyVerified', false, false)
   }
 
   render() {
-    const { intl } = this.props
-
-    // verified or not
+    const {
+      intl,
+      onChange,
+      settings,
+    } = this.props
 
     return (
       <PanelLayout title={intl.formatMessage(messages.title)}>
-      
+        <SettingSwitch
+          prefix='search'
+          settings={settings}
+          settingPath={'onlyVerified'}
+          onChange={onChange}
+          label={intl.formatMessage(messages.onlyVerified)}
+        />
       </PanelLayout>
     )
   }