feat: login page with nextauth.js

This commit is contained in:
trafficlunar 2025-03-28 22:23:56 +00:00
parent 599c59bb38
commit a0f3aed326
7 changed files with 77 additions and 3 deletions

View file

@ -0,0 +1,19 @@
"use client";
import { Icon } from "@iconify/react/dist/iconify.js";
import { signIn } from "next-auth/react";
export default function LoginButtons() {
return (
<div className="flex flex-col items-center gap-2 mt-8">
<button onClick={() => signIn("discord")} className="button gap-2 !px-3 !bg-indigo-400 !border-indigo-500 hover:!bg-indigo-500">
<Icon icon="ic:baseline-discord" fontSize={32} />
Login with Discord
</button>
<button onClick={() => signIn("github")} className="button gap-2 !px-3 !bg-zinc-700 !border-zinc-800 hover:!bg-zinc-800 text-white">
<Icon icon="mdi:github" fontSize={32} />
Login with GitHub
</button>
</div>
);
}