From d5357d75495b49653acc132e1d855b3c7556ee76 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <Cooperransom08@outlook.com>
Date: Thu, 7 Mar 2024 11:33:07 -0500
Subject: [PATCH] fix turnstile look

---
 public/config.js                           | 2 +-
 src/assets/locales/en.json                 | 2 +-
 src/components/overlays/OverlayDisplay.tsx | 9 ++++++---
 src/pages/parts/player/ScrapingPart.tsx    | 3 ++-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/config.js b/public/config.js
index a6471a57..ae49691c 100644
--- a/public/config.js
+++ b/public/config.js
@@ -14,7 +14,7 @@ window.__CONFIG__ = {
   // The backend URL to communicate with, defaults to the movie-web hosted one at backend.movie-web.app
   VITE_BACKEND_URL: "https://sudo-flix-backend.lol", // "https://mw-backend.lonelil.com",
 
-  VITE_TURNSTILE_KEY: "0x4AAAAAAATd-oefbvXlJvmj",
+  VITE_TURNSTILE_KEY: "0x4AAAAAAATd-oefbvXlJvmj", // "3x00000000000000000000FF",
 
   // A comma separated list of disallowed IDs in the case of a DMCA claim - in the format "series-<id>" and "movie-<id>"
   VITE_DISALLOWED_IDS: "",
diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 5f01f8ca..5e321fed 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -428,7 +428,7 @@
     "turnstile": {
       "description": "Please prove your humanity by completing the Captcha on the right. This is to keep sudo-flix.lol safe!",
       "error": "Failed to verify your humanity! Please try again.",
-      "title": "We need to verify you're not a robot 🤖",
+      "title": "Are You a Robot 🤖?",
       "verifyingHumanity": "Verifying your humanity... (^▽^)👍"
     }
   },
diff --git a/src/components/overlays/OverlayDisplay.tsx b/src/components/overlays/OverlayDisplay.tsx
index 048ec0e7..204918ca 100644
--- a/src/components/overlays/OverlayDisplay.tsx
+++ b/src/components/overlays/OverlayDisplay.tsx
@@ -25,16 +25,19 @@ function TurnstileInteractive() {
   return (
     <div
       className={classNames(
-        "absolute w-10/12 max-w-[800px] bg-background-main p-20 rounded-lg select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
+        "absolute w-10/12 max-w-[800px] max-h-[375px] p-20 rounded-lg select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
         show ? "" : "hidden",
+        "bg-[#1b1b1b]",
       )}
     >
-      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-12 items-center">
+      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-8 items-center">
         <div className="text-left">
           <h2 className="text-type-emphasis font-bold text-xl mb-6">
             {t("player.turnstile.title")}
           </h2>
-          <p>{t("player.turnstile.description")}</p>
+          <p className="text-type-emphasis mb-6">
+            {t("player.turnstile.description")}
+          </p>
         </div>
         <TurnstileProvider
           isInPopout
diff --git a/src/pages/parts/player/ScrapingPart.tsx b/src/pages/parts/player/ScrapingPart.tsx
index ada4ba29..8b4285aa 100644
--- a/src/pages/parts/player/ScrapingPart.tsx
+++ b/src/pages/parts/player/ScrapingPart.tsx
@@ -151,7 +151,7 @@ export function ScrapingPart(props: ScrapingProps) {
             </div>
           );
         })}
-        {/* IDK to keep this or remove it */}
+        {/* IDK to keep this or remove it
         <div className="flex gap-3">
           <Button
             href="/"
@@ -170,6 +170,7 @@ export function ScrapingPart(props: ScrapingProps) {
             {t("notFound.reloadButton")}
           </Button>
         </div>
+        */}
       </div>
     </div>
   );