feat(frontend): log in with Discord

2022-09-16 00:49:04 +02:00 · 2022-09-16 00:49:04 +02:00 · 4a8e1bb54f
commit 4a8e1bb54f
parent e4d028bbad
8 changed files with 158 additions and 3 deletions
--- a/frontend/pages/login/index.tsx
+++ b/frontend/pages/login/index.tsx
@ -0,0 +1,41 @@
+import { GetServerSideProps } from "next";
+import { useRouter } from "next/router";
+import { useRecoilValue } from "recoil";
+import Head from "next/head";
+import fetchAPI from "../../lib/fetch";
+import { userState } from "../../lib/state";
+
+interface URLsResponse {
+  discord: string;
+}
+
+export default function Login({ urls }: { urls: URLsResponse }) {
+  const router = useRouter();
+
+  if (useRecoilValue(userState) !== null) {
+    router.push("/");
+  }
+
+  return (
+    <>
+      <Head>
+        <title key="title">Login - pronouns.cc</title>
+      </Head>
+      <a href={urls.discord}>Login with Discord</a>
+    </>
+  );
+}
+
+export const getServerSideProps: GetServerSideProps = async (context) => {
+  try {
+    const urls = await fetchAPI<URLsResponse>("/auth/urls", "POST", {
+      callback_domain: process.env.DOMAIN,
+    });
+
+    return { props: { urls } };
+  } catch (e) {
+    console.log(e);
+
+    return { notFound: true };
+  }
+};