From 1d1eb9b3e7c19d878d859e66cde04b585d9d5b78 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Fri, 4 Feb 2022 13:21:14 +0000
Subject: [PATCH] Add GDPR

---
 client/src/app/pages/PrivacyPolicyPage.tsx    | 130 ++++++++++++++++++
 client/src/app/routes/DashboardRoutes.tsx     |   5 +
 .../src/components/layout/footer/Footer.tsx   |   7 +
 3 files changed, 142 insertions(+)
 create mode 100644 client/src/app/pages/PrivacyPolicyPage.tsx

diff --git a/client/src/app/pages/PrivacyPolicyPage.tsx b/client/src/app/pages/PrivacyPolicyPage.tsx
new file mode 100644
index 000000000..394879d6c
--- /dev/null
+++ b/client/src/app/pages/PrivacyPolicyPage.tsx
@@ -0,0 +1,130 @@
+import useSetSubheader from "components/layout/header/useSetSubheader";
+import ExternalLink from "components/util/ExternalLink";
+import { TachiConfig } from "lib/config";
+import React from "react";
+
+export default function PrivacyPolicyPage() {
+	useSetSubheader(["Dashboard", "GDPR/Legal Stuff"]);
+
+	return (
+		<div className="privacy-policy">
+			<h2>What data do we collect?</h2>
+			<li>Personally identifiable information (email address)</li>
+			<li>Your submitted scores.</li>
+			<h2>How do we collect your data?</h2>
+			<p>
+				You directly provide {TachiConfig.name} with most of the data we collect. We collect
+				data and process data when you:
+			</p>
+			<li>Register</li>
+			<li>Submit scores</li>
+			<h2>How will we use your data?</h2>
+			<p>{TachiConfig.name} collects your data so that we can:</p>
+			<li>Login</li>
+			<li>Manage our score database</li>
+			<li>Provide you with statistics</li>
+			<h2>How do we store your data?</h2>
+			<p>{TachiConfig.name} securely stores your data on our server in Norway.</p>
+			<p>
+				{TachiConfig.name} will keep your email for as long as you use the service. If you
+				elect to terminate your account, your data will be securely erased.
+			</p>
+			<h2>Marketing</h2>
+			<p>
+				No advertising agencies are associated with this site, nor is your information given
+				to any of them.
+			</p>
+			<h2>What are your data protection rights?</h2>
+			<p>
+				{TachiConfig.name} would like to make sure you are fully aware of all of your data
+				protection rights. Every user is entitled to the following:
+			</p>
+			<p>
+				The right to access - You have the right to request {TachiConfig.name} for copies of
+				your personal data.
+			</p>
+			<p>
+				The right to rectification - You have the right to request that {TachiConfig.name}{" "}
+				correct any information you believe is inaccurate. You also have the right to
+				request
+				{TachiConfig.name} to complete the information you believe is incomplete.
+			</p>
+			<p>
+				The right to erasure - You have the right to request that {TachiConfig.name} erase
+				your personal data, under certain conditions.
+			</p>
+			<p>
+				The right to restrict processing - You have the right to request that{" "}
+				{TachiConfig.name}
+				restrict the processing of your personal data, under certain conditions.
+			</p>
+			<p>
+				The right to object to processing - You have the right to object to{" "}
+				{TachiConfig.name}'s processing of your personal data, under certain conditions.
+			</p>
+			<p>
+				The right to data portability - You have the right to request that{" "}
+				{TachiConfig.name}
+				transfer the data that we have collected to another organization, or directly to
+				you, under certain conditions.
+			</p>
+			<p>
+				If you make a request, providing I am not dead, I have one month to respond to you.
+				If you would like to exercise any of these rights, please contact me at this email:
+				zkldi.dev@gmail.com
+			</p>
+			<h2>Cookies</h2>
+			<p>
+				Cookies are text files placed on your computer to collect standard Internet log
+				information and visitor behavior information. When you visit our websites, we may
+				collect information from you automatically through cookies or similar technology
+			</p>
+			<p> For further information, visit allaboutcookies.org.</p>
+			<h2>How do we use cookies?</h2>
+			<p>
+				{TachiConfig.name} uses cookies in a range of ways to improve your experience on our
+				website, including, and limited to:
+			</p>
+			<li>Keeping you signed in</li>
+			<h2>What types of cookies do we use?</h2>
+			<p>
+				Functionality - {TachiConfig.name} uses these cookies so that we recognize you on
+				our website and remember your previously selected preferences. These could include
+				what language you prefer and location you are in. No third-party cookies are used.
+			</p>
+			<h2>How to manage cookies</h2>
+			<p>
+				You can set your browser not to accept cookies, and the above website tells you how
+				to remove cookies from your browser. However, in a few cases, some of our website
+				features may not function as a result.
+			</p>
+			<h2>Privacy policies of other websites</h2>
+			<p>
+				The {TachiConfig.name} website contains links to other websites. Our privacy policy
+				applies only to our website, so if you click on a link to another website, you
+				should read their privacy policy.
+			</p>
+			<h2>Changes to our privacy policy</h2>
+			<p>
+				{TachiConfig.name} keeps its privacy policy under regular review and places any
+				updates on this web page. This privacy policy was last updated on 15 September 2020.
+			</p>
+			<h2>How to contact us</h2>
+			<p>
+				If you have any questions about {TachiConfig.name}'s privacy policy, the data we
+				hold on you, or you would like to exercise one of your data protection rights,
+				please do not hesitate to contact us.
+			</p>
+			<p>Email us at: ktchidev@gmail.com</p>
+			<h2>How to contact the appropriate authority</h2>
+			<p>
+				Should you wish to report a complaint or if you feel that {TachiConfig.name} has not
+				addressed your concern in a satisfactory manner, you may contact the Information
+				Commissioner's Office.
+			</p>
+			<p>
+				Website: <ExternalLink href="https://ico.org.uk">https://ico.org.uk</ExternalLink>
+			</p>
+		</div>
+	);
+}
diff --git a/client/src/app/routes/DashboardRoutes.tsx b/client/src/app/routes/DashboardRoutes.tsx
index 13e737326..1f54e1bae 100644
--- a/client/src/app/routes/DashboardRoutes.tsx
+++ b/client/src/app/routes/DashboardRoutes.tsx
@@ -1,5 +1,6 @@
 import SupportMePage from "app/pages/dashboard/misc/SupportMePage";
 import { ErrorPage } from "app/pages/ErrorPage";
+import PrivacyPolicyPage from "app/pages/PrivacyPolicyPage";
 import { Layout } from "components/layout/Layout";
 import EmailVerify from "components/layout/misc/EmailVerify";
 import { BannedContext } from "context/BannedContext";
@@ -55,6 +56,10 @@ export default function DashboardRoutes() {
 						<DashboardPage />
 					</Route>
 
+					<Route path="/dashboard/privacy">
+						<PrivacyPolicyPage />
+					</Route>
+
 					<Route exact path="/dashboard/credits">
 						<CreditsPage />
 					</Route>
diff --git a/client/src/components/layout/footer/Footer.tsx b/client/src/components/layout/footer/Footer.tsx
index 74ca5feb7..94214f2d0 100644
--- a/client/src/components/layout/footer/Footer.tsx
+++ b/client/src/components/layout/footer/Footer.tsx
@@ -58,6 +58,13 @@ export function Footer() {
 						>
 							Support / Patreon
 						</Link>
+						<Link
+							to="/dashboard/privacy"
+							className="nav-link px-3"
+							onClick={() => window.scrollTo(0, 0)}
+						>
+							GDPR
+						</Link>
 						<Link
 							to="/dashboard/credits"
 							className="nav-link px-3"