change footer

[alttp.git] / resources / js / components / pages / Front.js

diff --git a/resources/js/components/pages/Front.js b/resources/js/components/pages/Front.js
index 73b9b23d8fb6f5e6482b1f17627647d76575dc65..42ac7cf9d26e3da9e2239740464f4b87966d2457 100644 (file)
--- a/resources/js/components/pages/Front.js
+++ b/resources/js/components/pages/Front.js
@@ -2,6 +2,8 @@ import React from 'react';
 import { Button, Col, Container, Image, Row } from 'react-bootstrap';
 import { useNavigate } from 'react-router-dom';
 
+import CanonicalLinks from '../common/CanonicalLinks';
+
 const Front = () => {
        const navigate = useNavigate();
 
@@ -14,8 +16,9 @@ const Front = () => {
        }, []);
 
        return <Container className="mt-5">
+               <CanonicalLinks base="/" />
                <Row>
-                       <Col md={6}>
+                       <Col md={{ offset: 3, span: 6 }}>
                                <Button
                                        className="front-panel"
                                        onClick={() => navigate('/tournaments/6')}
@@ -27,18 +30,6 @@ const Front = () => {
                                        </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>;
 };