Added Google to Registration page
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user