import React from 'react';
import { Container } from 'react-bootstrap';
+import { Helmet } from 'react-helmet';
import { useTranslation } from 'react-i18next';
import Buttons from '../map/Buttons';
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>