add helmet

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

diff --git a/resources/js/components/pages/Map.js b/resources/js/components/pages/Map.js
index 50a28fbfe1bf89a731addb2607f34bc5b2197c55..cbd3581d8d4a90c1266d2c74a4bff2451a1fcc95 100644 (file)
--- a/resources/js/components/pages/Map.js
+++ b/resources/js/components/pages/Map.js
@@ -1,21 +1,30 @@
 import React from 'react';
 import { Container } from 'react-bootstrap';
+import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 
 import Buttons from '../map/Buttons';
+import List from '../map/List';
 import OpenSeadragon from '../map/OpenSeadragon';
+import Pins from '../map/Pins';
 
 const Map = () => {
        const container = React.useRef();
        const { t } = useTranslation();
 
        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>
                                <Buttons />
                        </div>
                        <div ref={container} style={{ height: '80vh' }} />
+                       <Pins />
+                       <List />
                </OpenSeadragon>
        </Container>;
 };