All files / client/components/SearchPage/SearchTypeNav SearchTypeButtons.tsx

0% Statements 0/5
100% Branches 0/0
0% Functions 0/3
0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30                                                           
import React from 'react'
import { Nav, NavItem, NavLink } from 'reactstrap'
import { SearchType } from 'components/SearchPage/SearchToolbar'
 
interface Props {
  searchTypes: SearchType[]
  activeType: SearchType
  changeType: Function
}
 
class SearchTypeButtons extends React.Component<Props> {
  render() {
    const { searchTypes, activeType, changeType } = this.props
    const { key: activeKey } = activeType
    return (
      <Nav className="navbar-nav d-none d-sm-flex">
        {searchTypes.map(({ key, icon, name }) => (
          <NavItem key={key} active={key === activeKey}>
            <NavLink onClick={() => changeType(key)}>
              {icon} {name}
            </NavLink>
          </NavItem>
        ))}
      </Nav>
    )
  }
}
 
export default SearchTypeButtons