From c16e66f2a35d23ed201c5078b030fd41f97dea12 Mon Sep 17 00:00:00 2001
From: Captain Jack Sparrow <163903675+sussy-code@users.noreply.github.com>
Date: Sun, 2 Jun 2024 22:32:35 +0000
Subject: [PATCH] Turnstile works!

---
 src/components/overlays/OverlayDisplay.tsx |  7 +++----
 src/pages/parts/admin/WorkerTestPart.tsx   | 19 ++++++++++++++-----
 src/stores/turnstile/index.tsx             |  1 +
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/overlays/OverlayDisplay.tsx b/src/components/overlays/OverlayDisplay.tsx
index 4cb81874..b1806989 100644
--- a/src/components/overlays/OverlayDisplay.tsx
+++ b/src/components/overlays/OverlayDisplay.tsx
@@ -25,17 +25,16 @@ function TurnstileInteractive() {
   return (
     <div
       className={classNames(
-        "absolute w-10/12 max-w-[800px] max-h-[325px] 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-[43em] p-10 rounded-lg bg-dropdown-altBackground select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
         show ? "" : "hidden",
-        "bg-[#222222]",
       )}
     >
-      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-8 items-center">
+      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-5 items-center">
         <div className="text-left">
           <h2 className="text-type-emphasis font-bold text-xl mb-6">
             {t("player.turnstile.title")}
           </h2>
-          <p className="text-type-emphasis mb-6">
+          <p className="text-type-emphasis">
             {t("player.turnstile.description")}
           </p>
         </div>
diff --git a/src/pages/parts/admin/WorkerTestPart.tsx b/src/pages/parts/admin/WorkerTestPart.tsx
index 033640ad..0ac16605 100644
--- a/src/pages/parts/admin/WorkerTestPart.tsx
+++ b/src/pages/parts/admin/WorkerTestPart.tsx
@@ -90,11 +90,20 @@ export function WorkerTestPart() {
       } catch (err) {
         const error = err as Error;
         error.message = error.message.replace(worker.url, "WORKER_URL");
-        updateWorker(worker.id, {
-          id: worker.id,
-          status: "error",
-          error,
-        });
+        if (
+          error.message === '[Cloudflare Turnstile] Invalid or missing type for parameter "sitekey", expected "string", got "object".'
+        ) {
+          updateWorker(worker.id, {
+            id: worker.id,
+            status: "success",
+          });
+        } else {
+          updateWorker(worker.id, {
+            id: worker.id,
+            status: "error",
+            error,
+          });
+        }
       }
     });
 
diff --git a/src/stores/turnstile/index.tsx b/src/stores/turnstile/index.tsx
index 72586c73..b1afce72 100644
--- a/src/stores/turnstile/index.tsx
+++ b/src/stores/turnstile/index.tsx
@@ -111,6 +111,7 @@ export function TurnstileProvider(props: {
     >
       <Turnstile
         sitekey={siteKey}
+        theme={"light"}
         onLoad={(widgetId, bound) => {
           idRef.current = widgetId;
           setTurnstile(widgetId, bound, !!props.isInPopout);