From 1e9adaa3455eeee017cbe4b744798051608176ea Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Wed, 22 Nov 2023 23:28:47 -0500
Subject: [PATCH] Create data transfer step 2 route

---
 .../data-transfer/destination-account.tsx     | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 app/routes/data-transfer/destination-account.tsx

diff --git a/app/routes/data-transfer/destination-account.tsx b/app/routes/data-transfer/destination-account.tsx
new file mode 100644
index 0000000..a590f67
--- /dev/null
+++ b/app/routes/data-transfer/destination-account.tsx
@@ -0,0 +1,31 @@
+import { Button, Card, Container, Heading, VStack } from "@chakra-ui/react";
+import { useLoaderData } from "@remix-run/react";
+
+export async function loader({ context }: { context: RequestContext }) {
+  return context.env.ROBLOX_OAUTH_CLIENT_ID;
+}
+
+export default function () {
+  return (
+    <Container pt="16vh">
+      <Card borderRadius="32px" p="4vh">
+        <VStack alignContent="center" gap="2vh">
+          <Heading>Verify your new Roblox account</Heading>
+          <br />
+          <Button
+            as="a"
+            borderRadius="24px"
+            colorScheme="blue"
+            href={`https://apis.roblox.com/oauth/v1/authorize?client_id=${useLoaderData<
+              typeof loader
+            >()}&redirect_uri=${encodeURIComponent(
+              `${location.protocol}//${location.host}/api/data-transfers/verify`,
+            )}&response_type=code&scope=openid%20profile`}
+          >
+            Verify
+          </Button>
+        </VStack>
+      </Card>
+    </Container>
+  );
+}
\ No newline at end of file