tech attribution & requirements

[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 d8a10393d12a0c70292ceb4307e682594c4c4569..841227cd4ac45a8c5ac0433359748b4bf0c3ca2d 100644 (file)
--- a/resources/js/components/pages/Map.js
+++ b/resources/js/components/pages/Map.js
@@ -3,6 +3,7 @@ import { Container } from 'react-bootstrap';
 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';
 
@@ -10,6 +11,10 @@ const Map = () => {
        const container = React.useRef();
        const { t } = useTranslation();
 
+       React.useEffect(() => {
+               window.document.title = t('map.heading');
+       }, []);
+
        return <Container fluid>
                <OpenSeadragon ref={container}>
                        <div className="d-flex align-items-center justify-content-between">
@@ -18,6 +23,7 @@ const Map = () => {
                        </div>
                        <div ref={container} style={{ height: '80vh' }} />
                        <Pins />
+                       <List />
                </OpenSeadragon>
        </Container>;
 };