X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FTechniques.js;h=ebeb6e5613e8f9067995bbdbde2b639f93365967;hb=8e274ddec45800cd727bb7138683b81cf2f7dcb1;hp=ddecf5603e7752130588f2edad28fe90d9db3ebe;hpb=2c5535946aa15278c6e969c9a9b24d32a45e5b12;p=alttp.git

diff --git a/resources/js/components/pages/Techniques.js b/resources/js/components/pages/Techniques.js
index ddecf56..ebeb6e5 100644
--- a/resources/js/components/pages/Techniques.js
+++ b/resources/js/components/pages/Techniques.js
@@ -1,9 +1,11 @@
 import axios from 'axios';
 import PropTypes from 'prop-types';
 import React from 'react';
+import { Helmet } from 'react-helmet';
 import { withTranslation } from 'react-i18next';
 
 import NotFound from './NotFound';
+import CanonicalLinks from '../common/CanonicalLinks';
 import ErrorBoundary from '../common/ErrorBoundary';
 import ErrorMessage from '../common/ErrorMessage';
 import Loading from '../common/Loading';
@@ -36,7 +38,6 @@ const Techniques = ({ namespace, type }) => {
 		if (!techniques.length) {
 			setLoading(true);
 		}
-		window.document.title = i18n.t(`${namespace}.heading`);
 		axios
 			.get(`/api/content`, {
 				params: {
@@ -63,7 +64,6 @@ const Techniques = ({ namespace, type }) => {
 	}, [filter, namespace, type]);
 
 	React.useEffect(() => {
-		window.document.title = i18n.t(`${namespace}.heading`);
 		setTechniques(t => [...t].sort(compareTranslation('title', i18n.language)));
 	}, [namespace, i18n.language]);
 
@@ -80,6 +80,11 @@ const Techniques = ({ namespace, type }) => {
 	}
 
 	return <ErrorBoundary>
+		<Helmet>
+			<title>{i18n.t(`${namespace}.heading`)}</title>
+			<meta name="description" content={i18n.t(`${namespace}.description`)} />
+		</Helmet>
+		<CanonicalLinks base="/tech" />
 		<Overview
 			filter={filter}
 			namespace={namespace}