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=50a28fbfe1bf89a731addb2607f34bc5b2197c55;hb=18424fc6de2fc902ee2b2d3143955081263adff4;hp=0000000000000000000000000000000000000000;hpb=18759929710746d45d0f69e4f09205db3ddc74af;p=alttp.git

diff --git a/resources/js/components/pages/Map.js b/resources/js/components/pages/Map.js
new file mode 100644
index 0000000..50a28fb
--- /dev/null
+++ b/resources/js/components/pages/Map.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { Container } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+
+import Buttons from '../map/Buttons';
+import OpenSeadragon from '../map/OpenSeadragon';
+
+const Map = () => {
+	const container = React.useRef();
+	const { t } = useTranslation();
+
+	return <Container fluid>
+		<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' }} />
+		</OpenSeadragon>
+	</Container>;
+};
+
+export default Map;