X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftechniques%2FOutline.js;h=ae18aa8f46f9c9fce3c9be6ae43d6be5a2627f33;hb=3603709307e0777958cd18134ad4178cef410d14;hp=bf98eba37fd78da033d66cf943dccd4e9350c628;hpb=7e8555cfc96dcd364ca4fe9895e51af1bb04b546;p=alttp.git

diff --git a/resources/js/components/techniques/Outline.js b/resources/js/components/techniques/Outline.js
index bf98eba..ae18aa8 100644
--- a/resources/js/components/techniques/Outline.js
+++ b/resources/js/components/techniques/Outline.js
@@ -1,6 +1,10 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ListGroup } from 'react-bootstrap';
+import { withTranslation } from 'react-i18next';
+
+import { getTranslation } from '../../helpers/Technique';
+import i18n from '../../i18n';
 
 const Outline = ({ technique }) => technique.chapters && technique.chapters.length ?
 	<aside className="tech-outline mb-3 ms-3">
@@ -10,9 +14,9 @@ const Outline = ({ technique }) => technique.chapters && technique.chapters.leng
 					action
 					href={`#c${chapter.id}`}
 					key={`c${chapter.id}`}
-					title={chapter.short || null}
+					title={getTranslation(chapter, 'short', i18n.language) || null}
 				>
-					{chapter.title}
+					{getTranslation(chapter, 'title', i18n.language)}
 				</ListGroup.Item>
 			: null)}
 		</ListGroup>
@@ -26,4 +30,4 @@ Outline.propTypes = {
 	}),
 };
 
-export default Outline;
+export default withTranslation()(Outline);