add some links to AoS front page

diff --git a/resources/js/components/aos/App.js b/resources/js/components/aos/App.js
index 9f00effaf08c1aac7dd13a2ceaf2398e3b5df005..9c57144c6982b6e0f952a64ba37ac42e958c2cd9 100644 (file)
--- a/resources/js/components/aos/App.js
+++ b/resources/js/components/aos/App.js
@@ -3,8 +3,8 @@ import React, { useEffect, useState } from 'react';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
 import Header from './Header';
+import AosFront from '../pages/AosFront';
 import AosSeed from '../pages/AosSeed';
-import Front from '../pages/Front';
 import User from '../pages/User';
 import AosBaseRomProvider from '../../helpers/AosBaseRomContext';
 import UserContext from '../../helpers/UserContext';
@@ -56,7 +56,7 @@ const App = () => {
                                <Routes>
                                        <Route path="h/:hash" element={<AosSeed />} />
                                        <Route path="users/:id" element={<User />} />
-                                       <Route path="*" element={<Front />} />
+                                       <Route path="*" element={<AosFront />} />
                                </Routes>
                        </UserContext.Provider>
                </AosBaseRomProvider>

diff --git a/resources/js/components/pages/AosFront.js b/resources/js/components/pages/AosFront.js
new file mode 100644 (file)
index 0000000..8ae6d8b
--- /dev/null
+++ b/resources/js/components/pages/AosFront.js
@@ -0,0 +1,74 @@
+import React from 'react';
+import { Button, Col, Container, Row } from 'react-bootstrap';
+import { withTranslation } from 'react-i18next';
+
+import Icon from '../common/Icon';
+import i18n from '../../i18n';
+
+const AosFront = () => <Container>
+       <div className="my-5 text-center">
+               <h1>Castlevania: Aria of Sorrow</h1>
+       </div>
+       <Row>
+               <Col className="text-center mb-3" sm={6} md={4}>
+                       <Button
+                               href="https://discord.gg/VEtVYNr"
+                               size="lg"
+                               target="_blank"
+                               variant="discord"
+                       >
+                               <Icon.DISCORD />
+                               {' '}
+                               {i18n.t('aos.randoDiscord')}
+                       </Button>
+               </Col>
+               <Col className="text-center mb-3" sm={6} md={4}>
+                       <Button
+                               href="https://aosrando.surge.sh/"
+                               size="lg"
+                               target="_blank"
+                               variant="primary"
+                       >
+                               {i18n.t('aos.randoWeb')}
+                       </Button>
+               </Col>
+               <Col className="text-center mb-3" sm={6} md={4}>
+                       <Button
+                               href="https://discord.gg/ApVyJnd"
+                               size="lg"
+                               target="_blank"
+                               variant="discord"
+                       >
+                               <Icon.DISCORD />
+                               {' '}
+                               {i18n.t('aos.tourneyDiscord')}
+                       </Button>
+               </Col>
+               <Col className="text-center mb-3" sm={6} md={4}>
+                       <Button
+                               href="https://discord.com/oauth2/authorize?client_id=951113702839549982&scope=bot%20applications.commands"
+                               size="lg"
+                               target="_blank"
+                               variant="discord"
+                       >
+                               <Icon.DISCORD />
+                               {' '}
+                               {i18n.t('aos.inviteBot')}
+                       </Button>
+               </Col>
+               <Col className="text-center mb-3" sm={6} md={4}>
+                       <Button
+                               href="https://discord.com/oauth2/authorize?client_id=951113702839549982&scope=applications.commands"
+                               size="lg"
+                               target="_blank"
+                               variant="discord"
+                       >
+                               <Icon.DISCORD />
+                               {' '}
+                               {i18n.t('aos.inviteCommand')}
+                       </Button>
+               </Col>
+       </Row>
+</Container>;
+
+export default withTranslation()(AosFront);

diff --git a/resources/js/i18n/de.js b/resources/js/i18n/de.js
index 2236df2235ee8904945b733aa42134f6502b99ea..a8445bd11d7245bd477941a8de3f7682d46e3db6 100644 (file)
--- a/resources/js/i18n/de.js
+++ b/resources/js/i18n/de.js
@@ -5,7 +5,12 @@ export default {
                        baseRomInvalid: 'CRC32 Check fehlgeschlagen (brauche 35:53:61:83). Falsche ROM Datei?',
                        baseRomRemoved: 'Base ROM entfernt.',
                        baseRomSet: 'Base ROM gespeichert.',
+                       inviteBot: 'Bot einladen',
+                       inviteCommand: 'Bot einladen (nur Commands)',
+                       randoDiscord: 'Randomizer Discord',
+                       randoWeb: 'Randomizer Webapp',
                        setBaseRom: 'Base ROM auswählen',
+                       tourneyDiscord: 'Turnier Discord',
                },
                aosSeeds: {
                        date: '{{ date, L LT }}',

diff --git a/resources/js/i18n/en.js b/resources/js/i18n/en.js
index cbdb523fb99ac29e1454bd99a2da1fa073f225a6..510d68be553541b26f8eda3c2707d76a2477ecf3 100644 (file)
--- a/resources/js/i18n/en.js
+++ b/resources/js/i18n/en.js
@@ -5,7 +5,12 @@ export default {
                        baseRomInvalid: 'CRC32 mismatch (need 35:53:61:83). Wrong ROM file?',
                        baseRomRemoved: 'Base ROM removed.',
                        baseRomSet: 'Base ROM set.',
+                       inviteBot: 'Invite Bot',
+                       inviteCommand: 'Invite Bot (command only)',
+                       randoDiscord: 'Randomizer Discord',
+                       randoWeb: 'Randomizer Webapp',
                        setBaseRom: 'Set base ROM',
+                       tourneyDiscord: 'Tournament Discord',
                },
                aosSeeds: {
                        date: '{{ date, L LT }}',