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