content: 'use strict';
  
  import React from 'react';
  import { Link } from 'react-router';
  import cx from 'classnames';
  import FilterActions from '../actions/filtering-actions';
  
  export default React.createClass({
    render() {
      const linkProps = {
        activeClassName: 'is-active',
        onClick: this._resetCharacterFilter
      };
  
      return (
      	<div className='sidebar-filter'>
      	  <h4>Search By</h4>
          <Link
            to='home'
            { ...linkProps } >
            Skills
          </Link>
          <Link
            to='people'
            { ...linkProps } >
            People
          </Link>
      	</div>
      );
    },
  
    _resetCharacterFilter() {
      FilterActions.filterByCharacter(null);
    }
  });
  