From 114526221ba6f1754ea4602e8a12a1719b5177f9 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 28 Mar 2026 16:19:18 +0000
Subject: [PATCH] feat: google login

---
 .env.example                     | 4 +++-
 src/components/login-buttons.tsx | 8 ++++++++
 src/lib/auth.ts                  | 3 ++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index 9018594..8911495 100644
--- a/.env.example
+++ b/.env.example
@@ -18,6 +18,8 @@ AUTH_DISCORD_ID=XXXXXXXXXXXXXXXX
 AUTH_DISCORD_SECRET=XXXXXXXXXXXXXXXX
 AUTH_GITHUB_ID=XXXXXXXXXXXXXXXX
 AUTH_GITHUB_SECRET=XXXXXXXXXXXXXXXX
+AUTH_GOOGLE_ID=XXXXXXXXXXXXXXXX
+AUTH_GOOGLE_SECRET=XXXXXXXXXXXXXXXX
 
 # Currently only supports one admin
 NEXT_PUBLIC_ADMIN_USER_ID=1
@@ -25,4 +27,4 @@ NEXT_PUBLIC_ADMIN_USER_ID=1
 NEXT_PUBLIC_CONTRIBUTORS_USER_IDS=176
 
 # Sends notifications (such as admin reports) to ntfy
-NTFY_URL="https://ntfy.yourdomain.com/tomodachi-share"
\ No newline at end of file
+NTFY_URL="https://ntfy.yourdomain.com/tomodachi-share"
diff --git a/src/components/login-buttons.tsx b/src/components/login-buttons.tsx
index 16469bb..2a7ccec 100644
--- a/src/components/login-buttons.tsx
+++ b/src/components/login-buttons.tsx
@@ -22,6 +22,14 @@ export default function LoginButtons() {
 				<Icon icon="mdi:github" fontSize={32} />
 				Login with GitHub
 			</button>
+			<button
+				onClick={() => signIn("google", { redirectTo: "/" })}
+				aria-label="Login with Google"
+				className="pill button gap-2 px-3! bg-white! border-gray-300! hover:bg-gray-100! text-black! flex items-center"
+			>
+				<Icon icon="material-icon-theme:google" fontSize={32} />
+				Login with Google
+			</button>
 		</div>
 	);
 }
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index d08c7f2..dbefdb9 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -1,13 +1,14 @@
 import NextAuth from "next-auth";
 import Discord from "next-auth/providers/discord";
 import Github from "next-auth/providers/github";
+import Google from "next-auth/providers/google";
 
 import { PrismaAdapter } from "@auth/prisma-adapter";
 import { prisma } from "@/lib/prisma";
 
 export const { handlers, signIn, signOut, auth } = NextAuth({
 	adapter: PrismaAdapter(prisma),
-	providers: [Discord, Github],
+	providers: [Discord, Github, Google],
 	pages: {
 		signIn: "/login",
 	},