From c10b526b3e99300bf3512e9f6217e6ab0d22f305 Mon Sep 17 00:00:00 2001 From: Josh Creek <8179928+jcreek@users.noreply.github.com> Date: Sat, 10 Jan 2026 20:23:13 +0000 Subject: [PATCH 1/2] feat(#54): Remove search icon and improve sign in page --- src/lib/components/SignIn.svelte | 142 ++++++++--- src/routes/+layout.svelte | 15 -- src/routes/forgot-password/+page.svelte | 253 +++++++++++++++++++ src/routes/reset-password/+page.svelte | 310 ++++++++++++++++++++++++ src/routes/signin/+page.svelte | 124 +++++++++- 5 files changed, 796 insertions(+), 48 deletions(-) create mode 100644 src/routes/forgot-password/+page.svelte create mode 100644 src/routes/reset-password/+page.svelte diff --git a/src/lib/components/SignIn.svelte b/src/lib/components/SignIn.svelte index 5bd0aed..2085f2e 100644 --- a/src/lib/components/SignIn.svelte +++ b/src/lib/components/SignIn.svelte @@ -8,11 +8,16 @@ let email = ''; let password = ''; + let isLoading = false; + let errorMessage = ''; // Access the supabase client from the layout data export let supabase: any; async function signInWithEmail() { + isLoading = true; + errorMessage = ''; + try { const { data, error } = await supabase.auth.signInWithPassword({ email: email, @@ -21,7 +26,7 @@ if (error) { console.error('Sign in error:', error); - alert(`Sign in failed: ${error.message}`); + errorMessage = error.message; return; } @@ -30,37 +35,112 @@ } } catch (err) { console.error('Sign in error:', err); - alert('Sign in failed'); + errorMessage = 'An unexpected error occurred. Please try again.'; + } finally { + isLoading = false; + } + } + + function handleKeyPress(event: KeyboardEvent) { + if (event.key === 'Enter') { + signInWithEmail(); } } - - - +
+ + {#if errorMessage} +
+ + + + {errorMessage} +
+ {/if} + + +
+ +
+ + + + + +
+
+ + +
+ +
+ + + + +
+
+ + +
+ +
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 5ecdc77..f7555a6 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -137,21 +137,6 @@ Living Dex Tracker
-
{#if localUser}
diff --git a/src/routes/forgot-password/+page.svelte b/src/routes/forgot-password/+page.svelte new file mode 100644 index 0000000..5be8f41 --- /dev/null +++ b/src/routes/forgot-password/+page.svelte @@ -0,0 +1,253 @@ + + + + Forgot Password - Living Dex Tracker + + + +
+
+ +
+
+
+ + + +
+
+

+ Forgot Password? +

+

Enter your email to receive a password reset link

+
+ + +
+
+ + {#if errorMessage} +
+ + + + {errorMessage} +
+ {/if} + + + {#if successMessage} +
+ + + + {successMessage} +
+ {/if} + + +
+ +
+ + + + + +
+
+ + +
+ +
+ + +
or
+ +
+

Remember your password?

+ Sign In +
+
+
+
+
+ + diff --git a/src/routes/reset-password/+page.svelte b/src/routes/reset-password/+page.svelte new file mode 100644 index 0000000..0a8bb53 --- /dev/null +++ b/src/routes/reset-password/+page.svelte @@ -0,0 +1,310 @@ + + + + Reset Password - Living Dex Tracker + + + +
+
+ +
+
+
+ + + +
+
+

+ Reset Password +

+

Enter your new password below

+
+ + +
+
+ + {#if errorMessage} +
+ + + + {errorMessage} +
+ {/if} + + + {#if successMessage} +
+ + + + {successMessage} +
+ {/if} + + +
+ +
+ + + + +
+
+ + +
+ +
+ + + + +
+
+ + +
+ +
+ + +
or
+ +
+ + Back to Sign In + +
+
+
+
+
+ + diff --git a/src/routes/signin/+page.svelte b/src/routes/signin/+page.svelte index 20ca8de..75d1ed1 100644 --- a/src/routes/signin/+page.svelte +++ b/src/routes/signin/+page.svelte @@ -1,5 +1,5 @@ - + + Sign In - Living Dex Tracker + + + +
+
+ +
+
+
+ + + +
+
+

+ Welcome Back +

+

Sign in to continue tracking your Pokédex progress

+
+ + +
+
+ + + +
or
+ +
+

Don't have an account?

+ + Register for free + +
+
+
+ + +
+ + Forgot your password? + +
+
+
+ + From a7d878fffd4673d4f5c50d0c976a96b7a11d38a6 Mon Sep 17 00:00:00 2001 From: Josh Creek <8179928+jcreek@users.noreply.github.com> Date: Sat, 10 Jan 2026 20:32:34 +0000 Subject: [PATCH 2/2] fix(#54): Address PR comments --- src/routes/signin/+page.svelte | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/routes/signin/+page.svelte b/src/routes/signin/+page.svelte index 75d1ed1..e9e74d8 100644 --- a/src/routes/signin/+page.svelte +++ b/src/routes/signin/+page.svelte @@ -16,13 +16,18 @@ onDestroy(unsubscribe); let showAnimation = false; + let animationTimer: ReturnType; onMount(() => { - setTimeout(() => { + animationTimer = setTimeout(() => { showAnimation = true; }, 100); }); + onDestroy(() => { + clearTimeout(animationTimer); + }); + async function getUser() { try { const {