From 09b1e920c1543e9d1977321c813ceba53adfa4d7 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Thu, 20 Jun 2024 23:47:55 -0400
Subject: [PATCH] auto-populate beta key

---
 packages/fakeyou.com/src/v2/view/PageContainer.tsx          | 2 +-
 .../src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx        | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
index ee0d66c0c9..bbcd3301c0 100644
--- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -951,7 +951,7 @@ class PageContainer extends React.Component<
                     <RedeemSuccessPage />
                   </Route>
 
-                  <Route path="/beta-key/redeem">
+                  <Route path="/beta-key/redeem/:token?">
                     <RedeemBetaKeyPage />
                   </Route>
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx b/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
index edb10514d4..1f7029bf35 100644
--- a/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
@@ -4,11 +4,13 @@ import "./BetaKey.scss";
 import { faKey, faPersonWalkingArrowLoopLeft } from "@fortawesome/pro-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { RedeemBetaKey } from "@storyteller/components/src/api/beta_key/RedeemBetaKey";
-import { Link, useHistory } from "react-router-dom";
+import { Link, useHistory, useParams } from "react-router-dom";
 import { useSession } from "hooks";
 
 export default function RedeemBetaKeyPage() {
-  const [key, setKey] = useState("");
+  const { token: pageToken } = useParams<{ token: string }>();
+
+  const [key, setKey] = useState(pageToken || "");
   const [loading, setLoading] = useState(false);
   const [showAlert, setShowAlert] = useState(false);
   const history = useHistory();