Added Google to Registration page

This commit is contained in:
NeilClack
2026-01-13 18:09:21 -06:00
parent ef855ae9a9
commit ef181d42c6
+11 -1
View File
@@ -1,16 +1,26 @@
<script lang="ts"> <script lang="ts">
import Window from '$lib/components/containers/Window.svelte'; import Window from '$lib/components/containers/Window.svelte';
import { authClient } from '$lib/auth-client';
</script> </script>
<Window> <Window>
<div class="flex flex-col items-start justify-center">
<form method="POST" class="flex flex-col items-start"> <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="firstName" placeholder="First Name" required class="mb-2" />
<input type="text" name="lastName" placeholder="Last 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="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="password" placeholder="Password" required class="mb-2" />
<input type="password" name="password2" placeholder="Verify 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" <button type="submit" class="mx-auto rounded-full bg-blue-600 px-6 py-2 text-white"
>Submit</button >Submit</button
> >
</form> </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
>
</div>
</Window> </Window>