X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FMap.js;fp=resources%2Fjs%2Fcomponents%2Fpages%2FMap.js;h=b27560261194512b99000b6ac389c23c349983a1;hb=939bf6d3ab44e3ce08116c2e9fdab160c35e894b;hp=cbd3581d8d4a90c1266d2c74a4bff2451a1fcc95;hpb=2730f0f38f5c6d52079c2bae7515ee5896e4de81;p=alttp.git

diff --git a/resources/js/components/pages/Map.js b/resources/js/components/pages/Map.js
index cbd3581..b275602 100644
--- a/resources/js/components/pages/Map.js
+++ b/resources/js/components/pages/Map.js
@@ -7,8 +7,11 @@ import Buttons from '../map/Buttons';
 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();
 
@@ -18,12 +21,13 @@ const Map = () => {
 			<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>;