import { Container } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
+import List from './List';
import Outline from './Outline';
import RawHTML from '../common/RawHTML';
-import { getTranslation } from '../../helpers/Technique';
+import {
+ getRelations,
+ getTranslation,
+ hasRelations,
+ sorted,
+} from '../../helpers/Technique';
import i18n from '../../i18n';
const Detail = ({ technique }) => <Container as="article">
<RawHTML html={getTranslation(chapter, 'description', i18n.language)} />
</section>
) : null}
+ {hasRelations(technique, 'related') ? <>
+ <h2 className="mt-5">{i18n.t('techniques.seeAlso')}</h2>
+ <List techniques={sorted(getRelations(technique, 'related'))} />
+ </> : null}
</Container>;
Detail.propTypes = {