From ef181d42c68c5cf9d35c906a390992c6e1885c32 Mon Sep 17 00:00:00 2001
From: NeilClack <cnclack@pm.me>
Date: Tue, 13 Jan 2026 18:09:21 -0600
Subject: [PATCH] Added Google to Registration page

---
 src/routes/register/+page.svelte | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index df9b876..0c111b0 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -1,16 +1,26 @@
 <script lang="ts">
 	import Window from '$lib/components/containers/Window.svelte';
+	import { authClient } from '$lib/auth-client';
 </script>
 
 <Window>
-	<form method="POST" class="flex flex-col items-start">
-		<input type="text" name="firstName" placeholder="First Name" required class="mb-2" />
-		<input type="text" name="lastName" placeholder="Last Name" required class="mb-2" />
-		<input type="email" name="email" placeholder="Email Address" required class="mb-2" />
-		<input type="password" name="password" placeholder="Password" required class="mb-2" />
-		<input type="password" name="password2" placeholder="Verify Password" required class="mb-2" />
-		<button type="submit" class="ml-auto rounded-full bg-blue-600 px-6 py-2 text-white"
-			>Submit</button
+	<div class="flex flex-col items-start justify-center">
+		<form method="POST" class="flex flex-col items-start">
+			<input type="text" name="firstName" placeholder="First Name" required class="mb-2" />
+			<input type="text" name="lastName" placeholder="Last Name" required class="mb-2" />
+			<input type="email" name="email" placeholder="Email Address" required class="mb-2" />
+			<input type="password" name="password" placeholder="Password" required class="mb-2" />
+			<input type="password" name="password2" placeholder="Verify Password" required class="mb-2" />
+			<button type="submit" class="mx-auto rounded-full bg-blue-600 px-6 py-2 text-white"
+				>Submit</button
+			>
+		</form>
+		<p class=" mx-auto my-6 text-center">Or</p>
+		<button
+			class="mx-auto"
+			on:click={async () => {
+				authClient.signIn.social({ provider: 'google' });
+			}}><img src="light/web_light_sq_SU.svg" alt="Sign Up with Google" /></button
 		>
-	</form>
+	</div>
 </Window>