From 12321d0a815c01b358642cd55d22baab265e409b Mon Sep 17 00:00:00 2001
From: MonsterPi13 <rpishappynow@gmail.com>
Date: Wed, 3 Jan 2024 18:33:00 +0800
Subject: [PATCH] pref: improve UX when click input field's label

---
 src/app/(auth)/sign-in/page.tsx | 2 ++
 src/app/(auth)/sign-up/page.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/app/(auth)/sign-in/page.tsx b/src/app/(auth)/sign-in/page.tsx
index cfaa4ec..ee5adcb 100644
--- a/src/app/(auth)/sign-in/page.tsx
+++ b/src/app/(auth)/sign-in/page.tsx
@@ -106,6 +106,7 @@ const Page = () => {
                   <Label htmlFor='email'>Email</Label>
                   <Input
                     {...register('email')}
+                    id="email"
                     className={cn({
                       'focus-visible:ring-red-500':
                         errors.email,
@@ -123,6 +124,7 @@ const Page = () => {
                   <Label htmlFor='password'>Password</Label>
                   <Input
                     {...register('password')}
+                    id="password"
                     type='password'
                     className={cn({
                       'focus-visible:ring-red-500':
diff --git a/src/app/(auth)/sign-up/page.tsx b/src/app/(auth)/sign-up/page.tsx
index 79c0623..9b4c6f3 100644
--- a/src/app/(auth)/sign-up/page.tsx
+++ b/src/app/(auth)/sign-up/page.tsx
@@ -97,6 +97,7 @@ const Page = () => {
                   <Label htmlFor='email'>Email</Label>
                   <Input
                     {...register('email')}
+                    id="email"
                     className={cn({
                       'focus-visible:ring-red-500':
                         errors.email,
@@ -114,6 +115,7 @@ const Page = () => {
                   <Label htmlFor='password'>Password</Label>
                   <Input
                     {...register('password')}
+                    id="password"
                     type='password'
                     className={cn({
                       'focus-visible:ring-red-500':