import { withTranslation } from 'react-i18next';
import List from './List';
+import TechFilter from './TechFilter';
import i18n from '../../i18n';
const Overview = ({
+ filter,
namespace,
+ setFilter,
techniques,
+ type,
}) => <Container>
- <h1>{i18n.t(`${namespace}.heading`)}</h1>
+ <div className="d-flex align-items-center justify-content-between">
+ <h1>{i18n.t(`${namespace}.heading`)}</h1>
+ {type === 'tech' ?
+ <TechFilter filter={filter} setFilter={setFilter} />
+ : null}
+ </div>
<List techniques={techniques} />
</Container>;
Overview.propTypes = {
+ filter: PropTypes.shape({}),
namespace: PropTypes.string,
+ setFilter: PropTypes.func,
techniques: PropTypes.arrayOf(PropTypes.shape({
})),
+ type: PropTypes.string,
};
export default withTranslation()(Overview);