X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FFront.js;h=73b9b23d8fb6f5e6482b1f17627647d76575dc65;hb=45f1e92a30b00dfcf4304dc70126e813df9f4a10;hp=aa4b333afce9e8087dc8443973fb178f53012e56;hpb=78ee3a45427e1227013773b2a1c19fc1ee0efc12;p=alttp.git

diff --git a/resources/js/components/pages/Front.js b/resources/js/components/pages/Front.js
index aa4b333..73b9b23 100644
--- a/resources/js/components/pages/Front.js
+++ b/resources/js/components/pages/Front.js
@@ -1,7 +1,46 @@
 import React from 'react';
+import { Button, Col, Container, Image, Row } from 'react-bootstrap';
+import { useNavigate } from 'react-router-dom';
 
-const Front = () => <div className="mt-5 text-center">
-	<h1>It&apos;s a mystery to everyone.</h1>
-</div>;
+const Front = () => {
+	const navigate = useNavigate();
+
+	React.useEffect(() => {
+		const returnPath = localStorage.getItem('returnPath');
+		if (returnPath) {
+			localStorage.removeItem('returnPath');
+			navigate(returnPath);
+		}
+	}, []);
+
+	return <Container className="mt-5">
+		<Row>
+			<Col md={6}>
+				<Button
+					className="front-panel"
+					onClick={() => navigate('/tournaments/6')}
+					variant="outline-secondary"
+				>
+					<Image alt="" className="image" src="/media/alttp/front.png" />
+					<div className="title">
+						ALttPR Weekly
+					</div>
+				</Button>
+			</Col>
+			<Col md={6}>
+				<Button
+					className="front-panel"
+					onClick={() => navigate('/tournaments/5')}
+					variant="outline-secondary"
+				>
+					<Image alt="" className="image" src="/media/sm/front.png" />
+					<div className="title">
+						Super Metroid
+					</div>
+				</Button>
+			</Col>
+		</Row>
+	</Container>;
+};
 
 export default Front;