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();
+ React.useEffect(() => {
+ window.document.title = t('map.heading');
+ }, []);
+
return <Container fluid>
<OpenSeadragon ref={container}>
<div className="d-flex align-items-center justify-content-between">
<Buttons />
</div>
<div ref={container} style={{ height: '80vh' }} />
+ <Pins />
+ <List />
</OpenSeadragon>
</Container>;
};