Skip to content

Commit

Permalink
Merge pull request #74 from LikeLionHGU/#56/UserPointPage-최예라
Browse files Browse the repository at this point in the history
feat: 로그인 모달에서 회원가입 클릭시 회원가입 페이지로 이동
  • Loading branch information
YearaChoi authored Aug 4, 2024
2 parents e52ee9a + d055b20 commit 178e1ad
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion src/components/MainPage/LoginModal.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,21 @@ import styled from "styled-components";
import exitBtn from "../../assets/img/exit.svg";
import googleLoginBtn from "../../assets/img/googleLoginBtn.svg";
import kakaoLoginBtn from "../../assets/img/kakaoLoginBtn.svg";
import { useNavigate } from "react-router-dom";

function LoginModal({ toggleModal }) {
const navigate = useNavigate();
const handleKakaoLogin = () => {
const REST_API_KEY = process.env.REACT_APP_KAKAO_AUTH_CLIENT_ID;
const REDIRECT_URI = process.env.REACT_APP_KAKAO_AUTH_REDIRECT_URL;

window.location.href = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`;
};

const handleSignInClick = () => {
navigate("/sign");
};

return (
<Modal>
<Overlay onClick={toggleModal} />
Expand All @@ -36,7 +42,7 @@ function LoginModal({ toggleModal }) {
alt="카카오 로그인 버튼"
></KakaoLoginBtn>
</Content>
<SignIn>회원가입</SignIn>
<SignIn onClick={handleSignInClick}>회원가입</SignIn>
</ModalWrapper>
</ModalContent>
</Modal>
Expand Down

0 comments on commit 178e1ad

Please sign in to comment.