import List from '../map/List';
import OpenSeadragon from '../map/OpenSeadragon';
import Pins from '../map/Pins';
+import UWSuperTiles from '../map/UWSuperTiles';
const Map = () => {
+ const [uwOverlay, setUWOverlay] = React.useState(false);
+
const container = React.useRef();
const { t } = useTranslation();
<meta name="description" content={t('map.description')} />
</Helmet>
<OpenSeadragon ref={container}>
- <div className="d-flex align-items-center justify-content-between">
+ <div className="d-flex align-items-start justify-content-between">
<h1>{t('map.heading')}</h1>
- <Buttons />
+ <Buttons setUWOverlay={setUWOverlay} uwOverlay={uwOverlay} />
</div>
<div ref={container} style={{ height: '80vh' }} />
<Pins />
+ <UWSuperTiles show={uwOverlay} />
<List />
</OpenSeadragon>
</Container>;