more alternate/canonical links

[alttp.git] / resources / js / components / pages / Techniques.js

diff --git a/resources/js/components/pages/Techniques.js b/resources/js/components/pages/Techniques.js
index ddecf5603e7752130588f2edad28fe90d9db3ebe..ebeb6e5613e8f9067995bbdbde2b639f93365967 100644 (file)
--- 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}