resources/js/components/techniques/Overview.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Container } from 'react-bootstrap';
   4 import { withTranslation } from 'react-i18next';
   5
   6 import List from './List';
   7 import TechFilter from './TechFilter';
   8 import i18n from '../../i18n';
   9
  10 const Overview = ({
  11         filter,
  12         namespace,
  13         setFilter,
  14         techniques,
  15         type,
  16 }) => <Container>
  17         <div className="d-flex align-items-center justify-content-between">
  18                 <h1>{i18n.t(`${namespace}.heading`)}</h1>
  19                 {type === 'tech' ?
  20                         <TechFilter filter={filter} setFilter={setFilter} />
  21                 : null}
  22         </div>
  23         <List techniques={techniques} />
  24 </Container>;
  25
  26 Overview.propTypes = {
  27         filter: PropTypes.shape({}),
  28         namespace: PropTypes.string,
  29         setFilter: PropTypes.func,
  30         techniques: PropTypes.arrayOf(PropTypes.shape({
  31         })),
  32         type: PropTypes.string,
  33 };
  34
  35 export default withTranslation()(Overview);