+ </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}`}>
+ {chapter.pivot.level ?
+ React.createElement(
+ `h${chapter.pivot.level}`,
+ {},
+ getTranslation(chapter, 'title', i18n.language),
+ actions.editContent ?
+ <Button
+ className="ms-3"
+ onClick={() => actions.editContent(chapter)}
+ size="sm"
+ title={t('button.edit')}
+ variant="outline-secondary"
+ >
+ <Icon.EDIT title="" />
+ </Button>
+ : null,
+ )
+ : null}
+ <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}
+ {getTranslation(technique, 'attribution', i18n.language) ?
+ <Alert variant="dark">
+ {nl2br(getTranslation(technique, 'attribution', i18n.language))}
+ </Alert>
+ : null}
+ </Container>;
+};