mirror of
https://github.com/trafficlunar/tomodachi-share.git
synced 2026-06-28 14:44:15 +00:00
feat: login page with nextauth.js
This commit is contained in:
parent
599c59bb38
commit
a0f3aed326
7 changed files with 77 additions and 3 deletions
19
src/app/components/login-buttons.tsx
Normal file
19
src/app/components/login-buttons.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue