Merge pull request #238 from imi21123/test

Feat: Login handle 추가
readyvery · Mar 7, 2024 · f432a13 · f432a13
2 parents c588379 + a3c8851
commit f432a13
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/.env b/.env
@@ -5,5 +5,7 @@ NODE_PATH=src/
 REACT_APP_API_ROOT=http://localhost:8080
 REACT_APP_HOME_URL=http://localhost:3000
 REACT_APP_KAKAO_LOGIN=http://localhost:8080/oauth2/authorization/kakao
+REACT_APP_APPLE_LOGIN=http://localhost:8080/oauth2/authorization/apple
+REACT_APP_GOOGLE_LOGIN=http://localhost:8080/oauth2/authorization/google
 REACT_API_DOMAIN=localhost
 REACT_APP_TOSS_CLIENT_KEY=test_ck_pP2YxJ4K87By0b4RZeo0rRGZwXLO
diff --git a/src/pages/LoginPage/Login.jsx b/src/pages/LoginPage/Login.jsx
@@ -3,6 +3,12 @@ import { IMAGES } from "../../constants/images";
 import React from "react";
 
 function Login() {
+  const handleGoogleLogin = () => {
+    window.location.href = `${process.env.REACT_APP_GOOGLE_LOGIN}`;
+  };
+  const handleAppleLogin = () => {
+    window.location.href = `${process.env.REACT_APP_APPLE_LOGIN}`;
+  };
   const handleKakaoLogin = () => {
     window.location.href = `${process.env.REACT_APP_KAKAO_LOGIN}`;
   };
@@ -33,8 +39,16 @@ function Login() {
       <div className="login_content">
         준비는 빠르게 혜택은 다르게
         <div className="login_btn">
-          <img src={IMAGES.googleLogin} alt="googleLogin" />
-          <img src={IMAGES.appleLogin} alt="appleLogin" />
+          <img
+            src={IMAGES.googleLogin}
+            alt="googleLogin"
+            onClick={handleGoogleLogin}
+          />
+          <img
+            src={IMAGES.appleLogin}
+            alt="appleLogin"
+            onClick={handleAppleLogin}
+          />
           <img
             src={IMAGES.kakaoLogin}
             alt="kakaoLogin"