]> git.localhorst.tv Git - alttp.git/blob - resources/js/components/techniques/Overview.js
svg dungeon tracker
[alttp.git] / 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);