From 183acc25d743f3fac8df47c573184fadd0e1f367 Mon Sep 17 00:00:00 2001
From: soyekwon <soye0710@naver.com>
Date: Wed, 23 Feb 2022 19:28:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20back=20button,=20mouse=20cursor=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Mypage/ProfileEdit.jsx      | 5 +++--
 src/components/Mypage/ProfileEditStyled.js | 4 ++++
 src/components/Mypage/ProfileInfoStyled.js | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Mypage/ProfileEdit.jsx b/src/components/Mypage/ProfileEdit.jsx
index 7cfdd76..37541ab 100644
--- a/src/components/Mypage/ProfileEdit.jsx
+++ b/src/components/Mypage/ProfileEdit.jsx
@@ -6,7 +6,7 @@ import { LOAD_USER_REQUEST } from 'reducers/users';
 import { Form, Input, TextArea, Icon } from 'semantic-ui-react';
 import * as Styled from './ProfileEditStyled';
 
-const ProfileEdit = () => {
+const ProfileEdit = (props) => {
   const dispatch = useDispatch();
   const formData = new FormData();
   const { user, updateUserDone } = useSelector((state) => state.authentication);
@@ -107,7 +107,8 @@ const ProfileEdit = () => {
           />
         </Styled.AvatarFormContainer>
         <Styled.ActionContainer>
-          <Styled.BackButton>취소</Styled.BackButton>
+          <Styled.BackButton onClick={props.onChangeMode}>취소</Styled.BackButton>
+
           <Styled.EditButton>저장</Styled.EditButton>
         </Styled.ActionContainer>
 
diff --git a/src/components/Mypage/ProfileEditStyled.js b/src/components/Mypage/ProfileEditStyled.js
index 8d59ad4..f2d5ded 100644
--- a/src/components/Mypage/ProfileEditStyled.js
+++ b/src/components/Mypage/ProfileEditStyled.js
@@ -70,6 +70,7 @@ export const BackButton = styled.button`
   font-size: 0.5rem;
   background-color: white;
   color: #707bf3;
+  cursor: pointer;
   @media screen and (max-width: 767px) {
     width: 2.5rem;
     height: 1.6rem;
@@ -91,6 +92,7 @@ export const EditButton = styled.button`
   padding: 0;
   background-color: #707bf3;
   color: white;
+  cursor: pointer;
   @media screen and (max-width: 767px) {
     width: 2.5rem;
     height: 1.6rem;
@@ -143,6 +145,7 @@ export const TagButton = styled.button`
   margin-bottom: 0.5rem;
   background-color: white;
   color: #707bf3;
+  cursor: pointer;
 `;
 
 export const TagSubmitButton = styled.button`
@@ -156,6 +159,7 @@ export const TagSubmitButton = styled.button`
   margin-bottom: 0.5rem;
   background-color: white;
   color: #707bf3;
+  cursor: pointer;
 `;
 
 export const TagButton2 = styled.button`
diff --git a/src/components/Mypage/ProfileInfoStyled.js b/src/components/Mypage/ProfileInfoStyled.js
index 311c58d..7fefb3a 100644
--- a/src/components/Mypage/ProfileInfoStyled.js
+++ b/src/components/Mypage/ProfileInfoStyled.js
@@ -122,6 +122,7 @@ export const EditButton = styled.button`
   position: absolute;
   top: 0;
   right: 1.8rem;
+  cursor: pointer;
 `;
 export const IconContainer = styled.div`
   width: 12rem;