X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FMap.js;h=cbd3581d8d4a90c1266d2c74a4bff2451a1fcc95;hb=18cd02860ba7889360ce3547b44faa0daa807a5e;hp=841227cd4ac45a8c5ac0433359748b4bf0c3ca2d;hpb=25e1c9c43a09d438c20db17bc5239cbc45b454cd;p=alttp.git

diff --git a/resources/js/components/pages/Map.js b/resources/js/components/pages/Map.js
index 841227c..cbd3581 100644
--- a/resources/js/components/pages/Map.js
+++ b/resources/js/components/pages/Map.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Container } from 'react-bootstrap';
+import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 
 import Buttons from '../map/Buttons';
@@ -11,11 +12,11 @@ const Map = () => {
 	const container = React.useRef();
 	const { t } = useTranslation();
 
-	React.useEffect(() => {
-		window.document.title = t('map.heading');
-	}, []);
-
 	return <Container fluid>
+		<Helmet>
+			<title>{t('map.heading')}</title>
+			<meta name="description" content={t('map.description')} />
+		</Helmet>
 		<OpenSeadragon ref={container}>
 			<div className="d-flex align-items-center justify-content-between">
 				<h1>{t('map.heading')}</h1>