1  import React from 'react';
 2  import AnchorLink from 'react-anchor-link-smooth-scroll';
 3  import { PropTypes } from 'prop-types';
 4  import Data from '../../data/archives/projects';
 5  import './style.scss';
 6  
 7  const ProjectsList = props => (
 8    <div className="projects-list">
 9      <h4>Projects</h4>
10      <ul>
11        {
12          Data.map(project => (
13            <li key={project}>
14              <AnchorLink href="#browse" onClick={props.setSearchTerm}>{ project }</AnchorLink>
15            </li>
16          ))
17        }
18      </ul>
19    </div>
20  );
21  
22  ProjectsList.propTypes = {
23    setSearchTerm: PropTypes.func.isRequired,
24  };
25  
26  export default ProjectsList;