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 |