From cd440de3a7848be97249fbd03790283e470d1401 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Thu, 29 Feb 2024 23:14:36 -0500
Subject: [PATCH] Add dmca email and page!

---
 public/config.js                 |  2 +-
 src/assets/locales/en.json       |  5 ++---
 src/components/layout/Footer.tsx |  1 +
 src/pages/Dmca.tsx               | 25 ++++++++++++++++++++++---
 4 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/public/config.js b/public/config.js
index 878e6a92..275a670e 100644
--- a/public/config.js
+++ b/public/config.js
@@ -6,7 +6,7 @@ window.__CONFIG__ = {
   VITE_TMDB_READ_API_KEY: "eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiJiZmU0OGY4NjFkY2NmMjczMzUyMDdmMWVjYmVkNjNjNiIsInN1YiI6IjY1YjNmMWI0NTk0Yzk0MDE2MzNkZDBjNSIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.GiCKswc2u9NraBbujm0ykI5G3p-K9WJoHg40jYbFv4o",
 
   // The DMCA email displayed in the footer, null to hide the DMCA link
-  VITE_DMCA_EMAIL: null,
+  VITE_DMCA_EMAIL: "dreadpiratecozi@onionmail.org",
 
   // Whether to disable hash-based routing, leave this as false if you don't know what this is
   VITE_NORMAL_ROUTER: false,
diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index b04c1bb2..2d81ae36 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -412,8 +412,8 @@
   },
   "screens": {
     "dmca": {
-      "text": "Welcome to sudo-flix's DMCA contact page! We respect intellectual property rights and want to address any copyright concerns swiftly. If you believe your copyrighted work has been improperly used on our platform (😢), please send a detailed DMCA notice to the email below. Please include a description of the copyrighted material, your contact details, and a statement of good faith belief. We're committed to resolving these matters promptly and appreciate your cooperation in keeping sudo-flix a place that respects creativity and copyrights.",
-      "title": "DMCA"
+      "text": "Welcome to sudo-flix's DMCA contact page. If you believe your copyrighted work has been improperly used on our platform (😢), please send a detailed DMCA notice to: <bold>dreadpiratecozi@onionmail.org</bold> below. Please include a description of the copyrighted material, your contact details, and a statement of good faith belief. We're committed to resolving these matters promptly and appreciate your cooperation.",
+      "title": "DMCA :("
     },
     "loadingApp": "Loading application",
     "loadingUser": "Loading your profile",
@@ -550,4 +550,3 @@
     "unsaved": "You have unsaved changes... ฅ^•ﻌ•^ฅ"
   }
 }
-
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 44c61058..6544145d 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -47,6 +47,7 @@ function Dmca() {
   const { t } = useTranslation();
 
   if (!shouldHaveDmcaPage()) return null;
+  if (window.location.hash === "#/dmca") return null;
 
   return (
     <FooterLink to="/dmca" icon={Icons.DRAGON}>
diff --git a/src/pages/Dmca.tsx b/src/pages/Dmca.tsx
index d0ceebd3..5fb276a1 100644
--- a/src/pages/Dmca.tsx
+++ b/src/pages/Dmca.tsx
@@ -1,4 +1,5 @@
-import { useTranslation } from "react-i18next";
+import React, { useState } from "react";
+import { Trans, useTranslation } from "react-i18next";
 
 import { Icon, Icons } from "@/components/Icon";
 import { ThinContainer } from "@/components/layout/ThinContainer";
@@ -14,16 +15,34 @@ export function shouldHaveDmcaPage() {
 
 export function DmcaPage() {
   const { t } = useTranslation();
+  const [isHovered, setIsHovered] = useState(false);
 
   return (
     <SubPageLayout>
       <PageTitle subpage k="global.pages.dmca" />
       <ThinContainer>
         <Heading1>{t("screens.dmca.title")}</Heading1>
-        <Paragraph>{t("screens.dmca.text")}</Paragraph>
+        <Paragraph>
+          <Trans
+            i18nKey="screens.dmca.text"
+            components={{
+              bold: <span className="font-bold" style={{ color: "#cfcfcf" }} />,
+            }}
+          />
+        </Paragraph>
         <Paragraph className="flex space-x-3 items-center">
           <Icon icon={Icons.MAIL} />
-          <span>{conf().DMCA_EMAIL ?? ""}</span>
+          <a
+            href={`mailto:${conf().DMCA_EMAIL}`}
+            style={{
+              transition: "color 0.3s ease",
+              color: isHovered ? "#cfcfcf" : "inherit",
+            }}
+            onMouseEnter={() => setIsHovered(true)}
+            onMouseLeave={() => setIsHovered(false)}
+          >
+            {conf().DMCA_EMAIL ?? ""}
+          </a>
         </Paragraph>
       </ThinContainer>
     </SubPageLayout>