twitch legal page

diff --git a/resources/js/app/Routes.js b/resources/js/app/Routes.js
index dbdbcaed8b2f5ac40ab528e1fc1ca3192028aa3e..6391af142282f33dc2b5a883a2d03668bc613d3f 100644 (file)
--- a/resources/js/app/Routes.js
+++ b/resources/js/app/Routes.js
@@ -116,6 +116,13 @@ const router = createBrowserRouter(
                                                '../pages/TwitchBot'
                                        )}
                                />
+                               <Route
+                                       path="twitch-legal"
+                                       lazy={() => import(
+                                               /* webpackChunkName: "twitch" */
+                                               '../pages/TwitchLegal'
+                                       )}
+                               />
                                <Route path="users/:id" element={<User />} />
                                <Route path="/" element={<Front />} />
                                <Route path="*" element={<Navigate to="/" />} />

diff --git a/resources/js/i18n/de.js b/resources/js/i18n/de.js
index 8a9e8c6335668fc87226fbd92de336ec786493cc..a2ac1d15688bfefec0ca81a14c3ba051508c51af 100644 (file)
--- a/resources/js/i18n/de.js
+++ b/resources/js/i18n/de.js
@@ -571,6 +571,11 @@ export default {
                        sendApp: 'Als App Bot senden',
                        sendChat: 'Als Chat Bot senden',
                },
+               twitchLegal: {
+                       heading: 'Twitch Extension Erklärung und Datenschutz',
+                       p1: 'Die Teilnahme am Guessing Game findet ausschließlich via Twitch Chat statt. Solltest du teilnehmen, wird dein Nickname möglicherweise im Chat, im Stream und im Leaderboard erwähnt.',
+                       p2: 'Für die Anzeige des Leaderboards wird eine Anfrage an alttp.localhorst.tv gesendet. Diese Anfrage wird anonymisiert protokolliert und nicht weiter verwertet.',
+               },
                users: {
                        discordTag: 'Discord Tag',
                        editNickname: 'Name bearbeiten',

diff --git a/resources/js/i18n/en.js b/resources/js/i18n/en.js
index e12e3a35a689e1ec5d2253dd02ff20682cfc9bbb..5ad5c352c19c59d9845f58d76c5c9b8cc5be9cc0 100644 (file)
--- a/resources/js/i18n/en.js
+++ b/resources/js/i18n/en.js
@@ -571,6 +571,11 @@ export default {
                        sendApp: 'Send as App Bot',
                        sendChat: 'Send as Chat Bot',
                },
+               twitchLegal: {
+                       heading: 'Twitch extension terms and policies',
+                       p1: 'Participation in the guessing game solely takes place via Twitch chat. Your nickname might show up in chat, on stream and in the leaderboard panel, should you choose to participate.',
+                       p2: 'To display the leaderboard, a request is made to alttp.localhorst.tv. This request is logged anonymously and not further processed.',
+               },
                users: {
                        discordTag: 'Discord tag',
                        editNickname: 'Edit name',

diff --git a/resources/js/pages/TwitchLegal.js b/resources/js/pages/TwitchLegal.js
new file mode 100644 (file)
index 0000000..197a5cb
--- /dev/null
+++ b/resources/js/pages/TwitchLegal.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Container } from 'react-bootstrap';
+import { Helmet } from 'react-helmet';
+import { useTranslation } from 'react-i18next';
+
+export const Component = () => {
+       const { t } = useTranslation();
+
+       return <Container>
+               <h1>{t('twitchLegal.heading')}</h1>
+               <Helmet>
+                       <title>{t('twitchLegal.heading')}</title>
+               </Helmet>
+               <p>{t('twitchLegal.p1')}</p>
+               <p>{t('twitchLegal.p2')}</p>
+       </Container>;
+};