[CHORE] 수정 실패 후 새로고침 복원, 사진 업로드 새로고침 버튼 구현 시도(일단은 어려울듯)

sgb_web/src/pages/components/PinkMypageEdit.jsx

@@ -87,7 +87,7 @@ function PinkMypageEdit({
           alert("수정에 실패했습니다.");
           console.log(error);
           // 새로고침(필수값을 주지않았다던가 하는 등 api 통신요건을 만족시키지 못한 경우)
-          // location.reload();
+          location.reload();
         });
     } else {
       return; // alert에서 취소를 누를 경우

sgb_web/src/pages/components/PrizeImage.css

@@ -9,3 +9,7 @@
   font-weight: 500;
   font-size: 17px;
 }
+
+/* #refresh-icon {
+  width: 10px;
+} */

sgb_web/src/pages/components/PrizeImage.jsx

@@ -1,6 +1,8 @@
 import React, { useRef, useState } from "react";
 import "./PrizeImage.css";
+import refresh from "./img/refresh.png";
 const PrizeImage = ({ src, parentFunction }) => {
+  // const [originalImg, setOriginalImg] = useState(src);
   const [image, setImage] = useState(src);
   const onChange = (e) => {
     setImage(e.target.files[0]);
@@ -13,6 +15,11 @@ const PrizeImage = ({ src, parentFunction }) => {
     };
     reader.readAsDataURL(e.target.files[0]);
   };
+  // const handleCanceler = () => {
+  //   console.log("originalImg: ", originalImg);
+  //   setImage(originalImg);
+  //   console.log("image: ", image);
+  // };
   return (
     <>
       <div id="image-input-label">상장 이미지 수정</div>
@@ -25,6 +32,8 @@ const PrizeImage = ({ src, parentFunction }) => {
         name="profile_img"
         onChange={onChange}
       />
+      <br />
+      {/* <img id="refresh-icon" onClick={handleCanceler} src={refresh} /> */}
     </>
   );
 };