chore : Component processing code -> Changed to Page callback

nanucloud · Jan 21, 2025 · 8df6095 · 8df6095
1 parent 70db131
commit 8df6095
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
@@ -10,8 +10,8 @@ interface LoginFormProps {
     rememberMe: boolean;
   };
   onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  onAppLogin: () => void;
-  onPinSubmit: (pin: string, captchaToken: string) => void;
+  onAppLogin: () => void; // APP 간편인증 로그인 함수
+  onPinSubmit: (pin: string, captchaToken: string) => void; // PIN 인증 로그인 함수
   isLoading: boolean;
   error: string | null;
   isPinModalOpen: boolean;
@@ -92,15 +92,15 @@ const LoginForm: React.FC<LoginFormProps> = ({
           <div className="flex justify-between space-x-3 pt-4">
             <button
               type="button"
-              onClick={onAppLogin}
+              onClick={onAppLogin} // 여기에서 APP 간편인증 로그인 호출
               className="w-[48%] bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors disabled:bg-blue-300"
               disabled={isLoading}
             >
               {isLoading ? "처리중..." : "APP 간편인증 로그인"}
             </button>
             <button
               type="button"
-              onClick={() => setIsPinModalOpen(true)}
+              onClick={() => setIsPinModalOpen(true)} // PIN 인증 로그인 모달 여는 버튼
               className="w-[48%] bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition-colors disabled:bg-blue-300"
               disabled={isLoading}
             >
@@ -122,7 +122,7 @@ const LoginForm: React.FC<LoginFormProps> = ({
         <PinAuthModal
           isOpen={isPinModalOpen}
           onClose={() => setIsPinModalOpen(false)}
-          onSubmit={onPinSubmit}
+          onSubmit={onPinSubmit} // PIN 인증 처리
           onCaptchaChange={onCaptchaChange} // 리캡챠 토큰 변경시 호출
         />
       </div>

diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
@@ -42,14 +42,16 @@ const LoginPage = () => {
         rememberMe: formData.rememberMe,
         authType: AuthType.APP,
         requestType: RequestType.DASHBOARD,
-        redirectUrl: "/home",
+        redirectUrl: "/app/home",
       };
 
       await AuthService.execute(loginData);
       toast.success("로그인 성공!");
       navigate("/home");
     } catch (err) {
-      setError(err instanceof Error ? err.message : "로그인 중 오류가 발생했습니다.");
+      setError(
+        err instanceof Error ? err.message : "로그인 중 오류가 발생했습니다."
+      );
       toast.error("로그인 실패! 다시 시도해주세요.");
     } finally {
       setIsLoading(false);
@@ -73,15 +75,17 @@ const LoginPage = () => {
       };
 
       if (!captchaToken) {
-        toast.error("리캡챠 만료되었습니다. 다시 시도해주세요.");
+        toast.error("리캡챠가 만료되었습니다. 다시 시도해주세요.");
         return;
       }
 
       await AuthService.execute(loginData);
       toast.success("로그인 성공!");
       navigate("/home");
     } catch (err) {
-      setError(err instanceof Error ? err.message : "로그인 중 오류가 발생했습니다.");
+      setError(
+        err instanceof Error ? err.message : "로그인 중 오류가 발생했습니다."
+      );
       toast.error("로그인 실패! 다시 시도해주세요.");
     } finally {
       setIsLoading(false);