From 0ece40e7ed3dcd54aba83919e347b2f1179fa8a9 Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Thu, 11 Sep 2025 23:52:14 +0100 Subject: [PATCH 1/8] fix: changed auth pages background and refactored reset password page --- public/images/calendar.svg | 4 --- public/images/pombo-background.svg | 32 +++++++++++++++++++ src/app/auth/forgot_password/[token]/page.tsx | 2 +- src/app/auth/forgot_password/page.tsx | 18 +++++++++-- src/app/auth/sign_in/page.tsx | 2 +- src/components/auth-check.tsx | 2 +- 6 files changed, 51 insertions(+), 9 deletions(-) delete mode 100644 public/images/calendar.svg create mode 100644 public/images/pombo-background.svg diff --git a/public/images/calendar.svg b/public/images/calendar.svg deleted file mode 100644 index cd5fcde..0000000 --- a/public/images/calendar.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/pombo-background.svg b/public/images/pombo-background.svg new file mode 100644 index 0000000..b0e603e --- /dev/null +++ b/public/images/pombo-background.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index c857372..4bb0268 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -47,7 +47,7 @@ export default function ResetPassword() { }); return ( -
+
+
-
+
+
+ + arrow_back + Back + +
+ + key + +
+

Forgot password

diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index 116f9c3..240a4be 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -37,7 +37,7 @@ export default function SignIn() { }; return ( -
+
state.token); const [isMounted, setIsMounted] = useState(false); const loadingState = ( -
+
); useEffect(() => { From 1be64e6de4eb97b04d42a4ec1d1a4cdee89bc930 Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 00:02:22 +0100 Subject: [PATCH 2/8] refactor: forms successful submission in forgot password page --- src/app/auth/forgot_password/page.tsx | 119 ++++++++++++++------------ 1 file changed, 66 insertions(+), 53 deletions(-) diff --git a/src/app/auth/forgot_password/page.tsx b/src/app/auth/forgot_password/page.tsx index 48e87cf..97b6e4c 100644 --- a/src/app/auth/forgot_password/page.tsx +++ b/src/app/auth/forgot_password/page.tsx @@ -40,37 +40,19 @@ export default function ResetPassword() { />
-
- - arrow_back - Back - -
- - key - -
-
-
-

Forgot password

-
- - Did you forget your password? - - - Try entering your email here to reset your password - -
-
{forgotPassword.isSuccess ? ( <> -
+
check_circle +
+
+

+ Check your email +

+
+

If your account exists, an email was sent to your inbox with the link to reset your password. @@ -84,35 +66,66 @@ export default function ResetPassword() { ) : ( -

-
- - - {errors.email?.message} -
-
- - {forgotPassword.isError && - "Something went wrong, please try again."} - - + arrow_back + Back + +
+ + key + +
+
+
+

+ Forgot password +

+
+ + Did you forget your password? + + + Try entering your email here to reset your password + +
-
+
+
+ + + + {errors.email?.message} + +
+
+ + {forgotPassword.isError && + "Something went wrong, please try again."} + + +
+
+ )}
From ed6229ec520f01448f58f0d57f34a5fa3faf6d1c Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 00:21:38 +0100 Subject: [PATCH 3/8] refactor: submit new password page and sign in page --- src/app/auth/forgot_password/[token]/page.tsx | 132 ++++++++++-------- src/app/auth/sign_in/page.tsx | 2 +- 2 files changed, 74 insertions(+), 60 deletions(-) diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index 4bb0268..66346b3 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -57,17 +57,18 @@ export default function ResetPassword() { />
-
-
-

Reset password

- Enter the new password below -
+
{resetPassword.isSuccess ? ( <> -
+
check_circle +
+
+

It's done

+
+

The password was successfully changed!

@@ -80,63 +81,76 @@ export default function ResetPassword() { ) : ( -
-
-
- - - - {errors.password?.message} - -
-
- - - - {errors.password_confirmation?.message} + <> +
+
+ + key
-
-
- - {resetPassword.isError && - "Something went wrong, please try again."} +

Reset password

+ + Enter the new password below -
- +
+
+
+ + + + {errors.password?.message} + +
+
+ + + + {errors.password_confirmation?.message} + +
+
+
+ + {resetPassword.isError && + "Something went wrong, please try again."} + + +
+
+ )}
diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index 240a4be..0d3fa7c 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -105,7 +105,7 @@ export default function SignIn() { )}
-

It's done

+

{`It's done`}

From b7e084256dec91d97c1dc7f49869ab27744a9363 Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 02:00:45 +0100 Subject: [PATCH 5/8] refactor: mobile view of each auth page --- src/app/auth/forgot_password/[token]/page.tsx | 17 ++++++++++++++--- src/app/auth/forgot_password/page.tsx | 18 +++++++++++++++--- src/app/auth/sign_in/page.tsx | 18 +++++++++++++++--- 3 files changed, 44 insertions(+), 9 deletions(-) diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index 485dd91..5fc7a42 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -47,8 +47,19 @@ export default function ResetPassword() { }); return ( -

-
+
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
+
{resetPassword.isSuccess ? ( <>
diff --git a/src/app/auth/forgot_password/page.tsx b/src/app/auth/forgot_password/page.tsx index 97b6e4c..6284fb9 100644 --- a/src/app/auth/forgot_password/page.tsx +++ b/src/app/auth/forgot_password/page.tsx @@ -30,8 +30,19 @@ export default function ResetPassword() { forgotPassword.mutate(data); return ( -
-
+
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
+ +
{forgotPassword.isSuccess ? ( <>
diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index 0d3fa7c..685fb2d 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -37,8 +37,19 @@ export default function SignIn() { }; return ( -
-
+
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
+ +

Welcome! Sign in to Pombo From 466ac73dbd1a37368fedaffb0d3a05243045fd9f Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 02:49:13 +0100 Subject: [PATCH 6/8] feat: added title tag to auth pages --- src/app/auth/forgot_password/[token]/page.tsx | 211 +++++++++--------- src/app/auth/forgot_password/page.tsx | 198 ++++++++-------- src/app/auth/sign_in/page.tsx | 164 +++++++------- 3 files changed, 296 insertions(+), 277 deletions(-) diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index 5fc7a42..90d0e20 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -47,123 +47,128 @@ export default function ResetPassword() { }); return ( -
-
-
+ <> + Pombo | Reset Password +
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
- -
- Pombo Logo -
-
- {resetPassword.isSuccess ? ( - <> -
- - check_circle - -
-
-

{`It's done`}

-
-
-

- The password was successfully changed! -

-
- - Go back to sign in - - - ) : ( - <> -
+
+ {resetPassword.isSuccess ? ( + <>
- key + check_circle
-

Reset password

- - Enter the new password below - -
-
-
-
- - - - {errors.password?.message} - -
-
- - - - {errors.password_confirmation?.message} +
+

{`It's done`}

+
+
+

+ The password was successfully changed! +

+
+ + Go back to sign in + + + ) : ( + <> +
+
+ + key
-
-
- - {resetPassword.isError && - "Something went wrong, please try again."} +

+ Reset password +

+ + Enter the new password below -
- - - )} +
+
+
+ + + + {errors.password?.message} + +
+
+ + + + {errors.password_confirmation?.message} + +
+
+
+ + {resetPassword.isError && + "Something went wrong, please try again."} + + +
+
+ + )} +
-
+ ); } diff --git a/src/app/auth/forgot_password/page.tsx b/src/app/auth/forgot_password/page.tsx index 6284fb9..3a7979c 100644 --- a/src/app/auth/forgot_password/page.tsx +++ b/src/app/auth/forgot_password/page.tsx @@ -30,116 +30,122 @@ export default function ResetPassword() { forgotPassword.mutate(data); return ( -
-
-
+ <> + Pombo | Forgot Password +
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
-
- Pombo Logo -
- -
- {forgotPassword.isSuccess ? ( - <> -
- - check_circle - -
-
-

- Check your email -

-
-
-

- If your account exists, an email was sent to your inbox with the - link to reset your password. -

-
- - Go back to sign in - - - ) : ( - <> -
- - arrow_back - Back - +
+ {forgotPassword.isSuccess ? ( + <>
- key + check_circle
-
-
-

- Forgot password -

-
- - Did you forget your password? - - - Try entering your email here to reset your password - +
+

+ Check your email +

-
-
-
- - - - {errors.email?.message} - +
+

+ If your account exists, an email was sent to your inbox with + the link to reset your password. +

-
- - {forgotPassword.isError && - "Something went wrong, please try again."} - - + arrow_back + Back + +
+ + key + +
+
+
+

+ Forgot password +

+
+ + Did you forget your password? + + + Try entering your email here to reset your password + +
- - - )} +
+
+ + + + {errors.email?.message} + +
+
+ + {forgotPassword.isError && + "Something went wrong, please try again."} + + +
+
+ + )} +
-
+ ); } diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index 685fb2d..505d9cd 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -37,94 +37,102 @@ export default function SignIn() { }; return ( -
-
-
+ <> + Pombo | Sign In +
+
+
+ Pombo Logo +
+
+ +
Pombo Logo
-
-
- Pombo Logo -
+
+
+

+ Welcome! Sign in to Pombo +

+ + Acess your account to view all the info you need + +
+
+
+
+ + + + {errors.email?.message} + +
+
+ -
-
-

- Welcome! Sign in to Pombo -

- - Acess your account to view all the info you need - -
- -
-
- - - {errors.email?.message} + + + {errors.password?.message} + +
-
- - - - - {errors.password?.message} - + Click here +
-
-
- Did you forget your password? - - Click here - -
-
- {signIn.error && ( - - {signIn.error.message} - - )} - -
- +
+ {signIn.error && ( + + {signIn.error.message} + + )} + +
+ +
-
+ ); } From 4afdc2f33cbb741b7d2636d2f2c016d9025e9ff9 Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 03:17:16 +0100 Subject: [PATCH 7/8] fix: svg not looking good on mobile view, added a new svg stripe specifically for mobile pages --- public/images/pombo-stripe.svg | 32 +++++++++++++++++++ src/app/auth/forgot_password/[token]/page.tsx | 4 ++- src/app/auth/forgot_password/page.tsx | 3 +- src/app/auth/sign_in/page.tsx | 4 ++- 4 files changed, 40 insertions(+), 3 deletions(-) create mode 100644 public/images/pombo-stripe.svg diff --git a/public/images/pombo-stripe.svg b/public/images/pombo-stripe.svg new file mode 100644 index 0000000..d252d07 --- /dev/null +++ b/public/images/pombo-stripe.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index 90d0e20..2665ad3 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -49,7 +49,7 @@ export default function ResetPassword() { return ( <> Pombo | Reset Password -
+
+
+
{resetPassword.isSuccess ? ( <> diff --git a/src/app/auth/forgot_password/page.tsx b/src/app/auth/forgot_password/page.tsx index 3a7979c..02c00b5 100644 --- a/src/app/auth/forgot_password/page.tsx +++ b/src/app/auth/forgot_password/page.tsx @@ -32,7 +32,7 @@ export default function ResetPassword() { return ( <> Pombo | Forgot Password -
+
+
{forgotPassword.isSuccess ? ( diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index 505d9cd..a1bcb84 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -39,7 +39,7 @@ export default function SignIn() { return ( <> Pombo | Sign In -
+
+
+

From ccbcc2cb50b58876b05267e2df2a888f7c047813 Mon Sep 17 00:00:00 2001 From: jojocoelho Date: Fri, 12 Sep 2025 16:22:11 +0100 Subject: [PATCH 8/8] fix: svg stripe in mobile view --- src/app/auth/forgot_password/[token]/page.tsx | 8 ++++---- src/app/auth/forgot_password/page.tsx | 9 +++++---- src/app/auth/sign_in/page.tsx | 10 +++++----- 3 files changed, 14 insertions(+), 13 deletions(-) diff --git a/src/app/auth/forgot_password/[token]/page.tsx b/src/app/auth/forgot_password/[token]/page.tsx index 2665ad3..d618767 100644 --- a/src/app/auth/forgot_password/[token]/page.tsx +++ b/src/app/auth/forgot_password/[token]/page.tsx @@ -49,8 +49,8 @@ export default function ResetPassword() { return ( <> Pombo | Reset Password -
-
+
+
-
+
-
+
{resetPassword.isSuccess ? ( <>
diff --git a/src/app/auth/forgot_password/page.tsx b/src/app/auth/forgot_password/page.tsx index 02c00b5..a948967 100644 --- a/src/app/auth/forgot_password/page.tsx +++ b/src/app/auth/forgot_password/page.tsx @@ -32,8 +32,8 @@ export default function ResetPassword() { return ( <> Pombo | Forgot Password -
-
+
+
-
-
+
+ +
{forgotPassword.isSuccess ? ( <>
diff --git a/src/app/auth/sign_in/page.tsx b/src/app/auth/sign_in/page.tsx index a1bcb84..06c0048 100644 --- a/src/app/auth/sign_in/page.tsx +++ b/src/app/auth/sign_in/page.tsx @@ -39,8 +39,8 @@ export default function SignIn() { return ( <> Pombo | Sign In -
-
+
+
-
+
-
+

Welcome! Sign in to Pombo

- Acess your account to view all the info you need + Access your account to view all the info you need