From 0ac57188238fea2cffec9fc1e1d15a5d52e8e56a Mon Sep 17 00:00:00 2001
From: choiseohyeon <csh200310@naver.com>
Date: Tue, 19 Dec 2023 16:08:16 +0900
Subject: [PATCH] =?UTF-8?q?feat:=EB=B2=84=ED=8A=BC-=ED=81=B4=EB=A6=AD-?=
 =?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/img/UI/editFilled.png              | Bin 0 -> 350 bytes
 src/pages/Complete/CompleteWriting.tsx |  10 ++++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 src/img/UI/editFilled.png

diff --git a/src/img/UI/editFilled.png b/src/img/UI/editFilled.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3619f7a6ab7464e19565f56ca5e35b770b074b3
GIT binary patch
literal 350
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VXMsm#F#`j)FbFd;%$g$s6l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rj|Jl>UF{Fa=?j?J^CIb<+5ARLg3O;K{lwMb^
zV3zFd?z4KhC~wz_#dnSf3+(L7VN3qC#IU1YL9FDF_pB}JU+S;-Z463#mHR7e$y>pq
zv{!Gx@w~gwKiN8;@6DkH#?u(quV_fSWFQ(kyW)1Bo&mRa0N0j->t{T<xyiENvFYEQ
zt?lQEd;fK&Hn|##e(cPhvnWC<LUg*R;2)(M>?_uBT?t&e;dkGw1g(DalD^ed8oj|G
zA9+`mHZq8t@txUFvT-`!dV{sq+8dng<RAGh_RoHuq&2ldY3Umqsjw9`@5R>^>PPK7
sF_A^&km^ZB?@wpDURv{7J7^X&hq_Gt=)BPM9MJm=p00i_>zopr0O3H0n*aa+

literal 0
HcmV?d00001

diff --git a/src/pages/Complete/CompleteWriting.tsx b/src/pages/Complete/CompleteWriting.tsx
index 76107f4..dd953e6 100644
--- a/src/pages/Complete/CompleteWriting.tsx
+++ b/src/pages/Complete/CompleteWriting.tsx
@@ -17,6 +17,7 @@ import filledHeart from "../../img/UI/filledHeart.png";
 import emptyHeart from "../../img/UI/emptyHeart.png";
 import sharebtn from "../../img/UI/Ic_Share.png";
 import editbtn from "../../img/UI/edit.png";
+import editFilledbtn from "../../img/UI/editFilled.png";
 import deletebtn from "../../img/UI/delete.png";
 import ShareModal from "../../components/Modal/ShareModal";
 import DeleteModal from "../../components/Modal/DeleteModal";
@@ -41,6 +42,7 @@ function CompleteWriting() {
   const [showShareModal, setShowShareModal] = useState(false);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [isEditMode, setIsEditMode] = useState(false);
+  const [isEditClicked, setIsEditClicked] = useState(false);
 
   const fetchRetrospective = async () => {
     try {
@@ -76,6 +78,7 @@ function CompleteWriting() {
 
   const handleEditClick = () => {
     setIsEditMode(true);
+    setIsEditClicked(!isEditClicked);
   };
 
   //type 값에 맞는 랜더링
@@ -184,8 +187,11 @@ function CompleteWriting() {
             {/* 유저의 글에만 보임: 수정, 삭제 */}
             {retrospective && retrospective.owner && (
               <>
-                <div className="editbtn">
-                  <img src={editbtn} alt="edit" onClick={handleEditClick} />
+                <div className="editbtn" onClick={handleEditClick}>
+                  <img
+                    src={isEditClicked ? editFilledbtn : editbtn}
+                    alt="edit"
+                  />
                 </div>
                 <div className="deletebtn" onClick={handleDeleteClick}>
                   <img src={deletebtn} alt="delete" />