X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FMap.js;h=3cbd31f6025367f1bb98f3d16f3adc7e8f245cb2;hb=f0ca8caa3db00bedbf2b992d3d72b401bf353689;hp=b27560261194512b99000b6ac389c23c349983a1;hpb=939bf6d3ab44e3ce08116c2e9fdab160c35e894b;p=alttp.git

diff --git a/resources/js/components/pages/Map.js b/resources/js/components/pages/Map.js
index b275602..3cbd31f 100644
--- a/resources/js/components/pages/Map.js
+++ b/resources/js/components/pages/Map.js
@@ -2,7 +2,9 @@ import React from 'react';
 import { Container } from 'react-bootstrap';
 import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router';
 
+import CanonicalLinks from '../common/CanonicalLinks';
 import Buttons from '../map/Buttons';
 import List from '../map/List';
 import OpenSeadragon from '../map/OpenSeadragon';
@@ -12,6 +14,7 @@ import UWSuperTiles from '../map/UWSuperTiles';
 const Map = () => {
 	const [uwOverlay, setUWOverlay] = React.useState(false);
 
+	const { activeMap } = useParams();
 	const container = React.useRef();
 	const { t } = useTranslation();
 
@@ -20,6 +23,7 @@ const Map = () => {
 			<title>{t('map.heading')}</title>
 			<meta name="description" content={t('map.description')} />
 		</Helmet>
+		<CanonicalLinks base={`/map/${activeMap}`} />
 		<OpenSeadragon ref={container}>
 			<div className="d-flex align-items-start justify-content-between">
 				<h1>{t('map.heading')}</h1>