feature: Add login page and logout button

1 files changed, 16 insertions, 0 deletions

diff --git a/packages/web/app/signin/components/SignInForm.tsx b/packages/web/app/signin/components/SignInForm.tsx
new file mode 100644
index 00000000..ea19dedb
--- /dev/null
+++ b/packages/web/app/signin/components/SignInForm.tsx
@@ -0,0 +1,16 @@
+import { getProviders, signIn } from "next-auth/react";
+import SignInProviderButton from "./SignInProviderButton";
+
+export default async function SignInForm() {
+  const providers = (await getProviders()) ?? [];
+
+  return (
+    <div>
+      {Object.values(providers).map((provider) => (
+        <div key={provider.name}>
+          <SignInProviderButton provider={provider} />
+        </div>
+      ))}
+    </div>
+  );
+}