import PropTypes from 'prop-types';
import React from 'react';
-import { Container } from 'react-bootstrap';
+import { Alert, Container } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
import List from './List';
import Outline from './Outline';
+import Requirements from './Requirements';
import Rulesets from './Rulesets';
import RawHTML from '../common/RawHTML';
import {
: null}
</div>
<Outline technique={technique} />
+ <Requirements technique={technique} />
<RawHTML html={getTranslation(technique, 'description', i18n.language)} />
{technique.chapters ? technique.chapters.map(chapter =>
<section id={`c${chapter.id}`} key={`c${chapter.id}`}>
<h2 className="mt-5">{i18n.t('techniques.seeAlso')}</h2>
<List techniques={sorted(getRelations(technique, 'related'))} />
</> : null}
+ {getTranslation(technique, 'attribution', i18n.language) ?
+ <Alert variant="dark">
+ <RawHTML html={getTranslation(technique, 'attribution', i18n.language)} />
+ </Alert>
+ : null}
</Container>;
Detail.propTypes = {