import { withTranslation } from 'react-i18next';
import List from './List';
+import TechFilter from './TechFilter';
import i18n from '../../i18n';
-const Overview = ({ techniques }) => <Container>
- <h1>{i18n.t('techniques.heading')}</h1>
+const Overview = ({
+ filter,
+ namespace,
+ setFilter,
+ techniques,
+ type,
+}) => <Container>
+ <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);