revision: auth page components

src/app/auth/page.tsx

@@ -35,20 +35,20 @@ function AuthIndex({ }: Props) {
     }, [isAuthenticated])
 
     const onChange = (e: ChangeEvent<HTMLInputElement>) => {
-        if (e.target.id == AUTH_PAGE_ELEMENT.INPUT_PHONE) {
+        if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PHONE) {
             setNumber(() => e.target.value)
         }
-        else if (e.target.id == AUTH_PAGE_ELEMENT.INPUT_PASSWORD) {
+        else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD) {
             setPassword(() => e.target.value)
         }
-        else if (e.target.id == AUTH_PAGE_ELEMENT.INPUT_PASSWORD_REPEAT) {
+        else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD_REPEAT) {
             setPasswordRepeat(() => e.target.value)
         }
-        else if (e.target.id == AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME) {
+        else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME) {
             setRememberMe((state) => !state)
         }
-        else if (e.target.id.startsWith(AUTH_PAGE_ELEMENT.INPUT_OTP)) {
-            const index = +e.target.id.split('-')[2];
+        else if (e.target.name.startsWith(AUTH_PAGE_ELEMENT.INPUT_OTP)) {
+            const index = +e.target.name.split('-')[2];
             const prev = otp.padEnd(6).split('');
             prev[index] = e.target.value;
             const next = prev.join('');