Merge pull request #24 from /issues/19

Issues/19

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+*.env
+*.env.local
+!.env.example

src/pages/auth/callback.tsx

@@ -0,0 +1,13 @@
+import { Flex, Button, Text } from "@radix-ui/themes";
+import { type ReactElement } from "react";
+
+export default function Page(): ReactElement {
+  const params = new URLSearchParams(window.location.search);
+  console.log(params);
+  return (
+    <Flex direction="column" gap="2">
+      <Text>こちらCallbackになります</Text>
+
+    </Flex>
+  );
+}

src/pages/auth/login.tsx

@@ -0,0 +1,15 @@
+import { Flex, Button, Text } from "@radix-ui/themes";
+import { type ReactElement } from "react";
+
+export default function Page(): ReactElement {
+  return (
+    <Flex direction="column" gap="2">
+      <Text>こちらログイン画面になります</Text>
+      <a
+        href={`https://api.esa.io/oauth/authorize?client_id=${import.meta.env.VITE_CLIENT_ID}&redirect_uri=${import.meta.env.VITE_REDIRECT_LOCAL_URI}&scope=read+write&response_type=code`}
+      >
+        <Button>Login</Button>
+      </a>
+    </Flex>
+  );
+}

src/router.ts

@@ -7,6 +7,8 @@ export type Path =
   | `/`
   | `/achievements`
   | `/achievements/:id`
+  | `/auth/callback`
+  | `/auth/login`
   | `/create`
   | `/members`
   | `/members/:id`