From bf63dd4556be763a987903e372140bf9d165c736 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:30 -0400
Subject: [PATCH] Create start page for data transfers

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

diff --git a/app/routes/data-transfer/start.tsx b/app/routes/data-transfer/start.tsx
new file mode 100644
index 0000000..fdf8ea8
--- /dev/null
+++ b/app/routes/data-transfer/start.tsx
@@ -0,0 +1,36 @@
+import {
+  Button,
+  Container,
+  Heading,
+  HStack,
+  Radio,
+  RadioGroup,
+  Text,
+  Textarea,
+} from "@chakra-ui/react";
+import { useState } from "react";
+
+export default function () {
+  const [showCookieBox, setShowCookieBox] = useState(false);
+  return (
+    <Container maxW="container.md">
+      <Heading pt="36px">Let's get started</Heading>
+      <Text pt="128px">
+        Are you able to log in to the account you are transferring from?
+      </Text>
+      <RadioGroup onChange={(val) => setShowCookieBox(JSON.parse(val))}>
+        <HStack>
+          <Radio value="false">No</Radio>
+          <Radio value="true">Yes</Radio>
+        </HStack>
+      </RadioGroup>
+      <Textarea
+        id="cookie-box"
+        placeholder="Paste your .ROBLOSECURITY cookie here"
+        pt="16px"
+        style={{ display: showCookieBox ? "initial" : "unset" }}
+      />
+      <Button pt="32px">Continue</Button>
+    </Container>
+  );
+}