From 2ba39c5f4632579146d2663d82149a156a4e96c1 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 12 Mar 2024 20:13:41 +0100
Subject: [PATCH] twitch legal page

---
 resources/js/app/Routes.js        |  7 +++++++
 resources/js/i18n/de.js           |  5 +++++
 resources/js/i18n/en.js           |  5 +++++
 resources/js/pages/TwitchLegal.js | 17 +++++++++++++++++
 4 files changed, 34 insertions(+)
 create mode 100644 resources/js/pages/TwitchLegal.js

diff --git a/resources/js/app/Routes.js b/resources/js/app/Routes.js
index dbdbcae..6391af1 100644
--- 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 8a9e8c6..a2ac1d1 100644
--- 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 e12e3a3..5ad5c35 100644
--- 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
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>;
+};
-- 
2.39.2