mirror of
https://github.com/jcreek/LivingDexTracker.git
synced 2026-07-12 18:43:45 +00:00
Josh Creek
16a067cd5d
It turns out that tailwind excludes styles it hasn't found in use, so it needs to be explicitly told where to find the component files. This also therefore fixes the styles in the SignUp component.
64 lines
1.8 KiB
Svelte
64 lines
1.8 KiB
Svelte
<script lang="ts">
|
|
let email = '';
|
|
let password = '';
|
|
|
|
// Access the supabase client from the layout data
|
|
export let supabase: any;
|
|
|
|
async function signUpNewUser() {
|
|
try {
|
|
const { data, error } = await supabase.auth.signUp({
|
|
email: email,
|
|
password: password,
|
|
options: {
|
|
// Redirect URL after successful sign-up
|
|
redirectTo: '/welcome'
|
|
}
|
|
});
|
|
|
|
if (error) {
|
|
throw error;
|
|
}
|
|
|
|
// Handle success (optional)
|
|
} catch (error) {
|
|
console.error('Sign up error:', error.message);
|
|
// Handle error
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="flex flex-row gap-x-2">
|
|
<label class="input input-bordered flex items-center gap-2">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 16 16"
|
|
fill="currentColor"
|
|
class="w-4 h-4 opacity-70"
|
|
><path
|
|
d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"
|
|
/><path
|
|
d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"
|
|
/></svg
|
|
>
|
|
<input type="text" class="grow" placeholder="Email" bind:value={email} />
|
|
</label>
|
|
|
|
<label class="input input-bordered flex items-center gap-2">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 16 16"
|
|
fill="currentColor"
|
|
class="w-4 h-4 opacity-70"
|
|
><path
|
|
fill-rule="evenodd"
|
|
d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z"
|
|
clip-rule="evenodd"
|
|
/></svg
|
|
>
|
|
<input type="password" class="grow" bind:value={password} placeholder="Password" />
|
|
</label>
|
|
|
|
<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
|
|
</div>
|