From 501eee0aa8966fab681a0ebe779927ff6c9264b5 Mon Sep 17 00:00:00 2001
From: boxak <boxak@naver.com>
Date: Fri, 28 Jul 2023 17:04:13 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EB=A7=88=EC=9D=8C=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                                   |  2 +-
 src/components/detail/ExchangeWrap.tsx        |  2 +-
 src/pages/mind/Mind.tsx                       | 28 ++++++++++++++-----
 .../relationship/RelationshipRequestProto.ts  |  3 +-
 4 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9321994..f3aa63a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -50,7 +50,7 @@ function App() {
                     <Route path='/page/main' element={<Main />}></Route>
                     <Route path="/page/friend" element={<Friend />}></Route>
                     <Route path="/page/relationship/" element={<Mind />}></Route>
-                    <Route path="/page/relationship/:nickname/:sequence" element={<Mind />}></Route>
+                    <Route path="/page/relationship/:friendSequence/:nickname/:sequence" element={<Mind />}></Route>
                     <Route path="/page/detail" element={<Detail />}></Route>
 
                     <Route path="/page/setting" element={<Setting />}></Route>
diff --git a/src/components/detail/ExchangeWrap.tsx b/src/components/detail/ExchangeWrap.tsx
index af7384f..0a4d776 100644
--- a/src/components/detail/ExchangeWrap.tsx
+++ b/src/components/detail/ExchangeWrap.tsx
@@ -46,7 +46,7 @@ const ExchangeWrap = ({detailInfo, sequence}:params) => {
             {exchangeData && exchangeData.length !== 0 ?
                 <ul className="exchange-wrap">
                     {exchangeData && exchangeData.relationships.map((item:any, key:any) => (
-                        <li className="exchange-cont" key={key} onClick={() => navigate(`/page/relationship/${detailInfo?.nickname}/${item?.sequence}`)}>
+                        <li className="exchange-cont" key={key} onClick={() => navigate(`/page/relationship/${sequence}/${detailInfo?.nickname}/${item?.sequence}`)}>
                             <i className={item?.type === "TAKEN" ? "exchanged-circle tak" : item?.type === "GIVEN" ? "exchanged-circle giv" : "exchanged-circle giv"}></i>
                             <h4 className={item?.type === "TAKEN" ? "taken" : ""}>
                                 {item?.type === "GIVEN" ?
diff --git a/src/pages/mind/Mind.tsx b/src/pages/mind/Mind.tsx
index fcf3a45..ca6a8b3 100644
--- a/src/pages/mind/Mind.tsx
+++ b/src/pages/mind/Mind.tsx
@@ -65,7 +65,7 @@ const Mind = () => {
     list[1] = todayString;
 
     // 관계 등록 후 넘어왔을 경우
-    if (location.state && location.state.friendData) {
+    if (location.state?.friendData) {
       const friendData = location.state.friendData;
 
       let text = '';
@@ -79,14 +79,15 @@ const Mind = () => {
         });
 
         setSelectedSeq(friendSeqList);
+
+        text = text.trim();
+        text = text.slice(0, -1);
       } else {
         text+=friendData.nickname;
         pushFriendSeq(friendData.sequence);
-      }
 
-      // 마지막 comma 제거
-      text = text.trim();
-      text = text.slice(0, -1);
+        text =text.trim();
+      }
 
       list[0] = text;
 
@@ -106,6 +107,7 @@ const Mind = () => {
 
       setMindSeq(mindSeq);
       setEditMode(true);
+      setSelectedSeq([friendSeq]);
 
       const fetchRelationshipDetail = async () => {
         try {
@@ -166,9 +168,16 @@ const Mind = () => {
     RootStore.friendStore.setFriendList();
   }, []);
 
-  
+  useEffect(() => {
+    console.log("seq : " + JSON.stringify(selectedSeq));
+  }, [selectedSeq]);
 
   const handleInputClick = (index : number) => {
+
+    if (index === 0 && (isEditMode || (location.state?.friendData))) {
+      return;
+    }
+
     let list : boolean[] = [...openModal];
     list[index] = true;
     setOpenModal(list);
@@ -353,14 +362,19 @@ const Mind = () => {
     if (isEditMode) {
       const relationshipPutRequestProto : RelationshipPutRequestProto = {
         sequence : mindSeq,
+        friendSequence : friendSequence[0],
         type : type,
         event : event,
         date : dateProto,
         item : itemProto,
         memo : memoTxt
       };
+
+      console.log("friendSeq : " + JSON.stringify(friendSequence));
+
+      console.log("relationshipPutRequest : " + JSON.stringify(relationshipPutRequestProto));
       
-      // await RootStore.mindStore.putMind(relationshipPutRequestProto);
+      await RootStore.mindStore.putMind(relationshipPutRequestProto);
     } else {
       const relationshipPostRequestProto : RelationshipPostRequestProto = {
         relationships : saveList
diff --git a/src/prototypes/relationship/RelationshipRequestProto.ts b/src/prototypes/relationship/RelationshipRequestProto.ts
index ab0fced..e24cce4 100644
--- a/src/prototypes/relationship/RelationshipRequestProto.ts
+++ b/src/prototypes/relationship/RelationshipRequestProto.ts
@@ -14,7 +14,8 @@ export interface RelationshipPostRequestProto {
 }
 
 export interface RelationshipPutRequestProto {
-  sequence?: string;
+  sequence: string;
+  friendSequence : string;
   type?: RelationshipTypeProto;
   event?: string;
   date?: DateProto;

From 5c0222ca7f10f69f4287790dd134c927d3916aff Mon Sep 17 00:00:00 2001
From: boxak <boxak@naver.com>
Date: Fri, 28 Jul 2023 17:54:05 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EA=B8=88=EC=95=A1=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=EC=8B=9C=20=EC=BD=A4=EB=A7=88=20=ED=91=9C=EC=8B=9C,=20?=
 =?UTF-8?q?=EC=9B=90=20=EB=8B=A8=EC=9C=84=20=EB=B6=99=EC=9D=B4=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mind/Mind.tsx | 42 ++++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/pages/mind/Mind.tsx b/src/pages/mind/Mind.tsx
index ca6a8b3..ea8e208 100644
--- a/src/pages/mind/Mind.tsx
+++ b/src/pages/mind/Mind.tsx
@@ -142,7 +142,7 @@ const Mind = () => {
                 setGift(itemName);
               } else {
                 if (moneyInputRef.current) {
-                  moneyInputRef.current.value = itemName;
+                  moneyInputRef.current.value = displayMoneyForm(parseInt(itemName));
                   setMoney(parseInt(itemName));
                 }
               }
@@ -172,6 +172,10 @@ const Mind = () => {
     console.log("seq : " + JSON.stringify(selectedSeq));
   }, [selectedSeq]);
 
+  const displayMoneyForm = (money : number) : string => {
+    return money.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",") + '원';
+  }
+
   const handleInputClick = (index : number) => {
 
     if (index === 0 && (isEditMode || (location.state?.friendData))) {
@@ -231,20 +235,22 @@ const Mind = () => {
 
   const addMoney = (add : number) => {
     let sum = add + money;
-
-    let reSum = sum.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",")
     
     setMoney(sum);
 
     if (moneyInputRef.current) {
-      moneyInputRef.current.valueAsNumber = sum;
+      moneyInputRef.current.value = displayMoneyForm(sum);
     }
   }
 
   const onChangeMoneyInput = () => {
     let inputNumber : number = 0;
+
     if (moneyInputRef.current) {
-      inputNumber = moneyInputRef.current.valueAsNumber;
+
+      let inputText = moneyInputRef.current.value;
+
+      inputNumber = parseInt(inputText.replaceAll(',','').replace('원',''));
 
       setMoney(inputNumber);
     }
@@ -277,7 +283,7 @@ const Mind = () => {
       setValidCheckArray([...array]);
       valid = false;
     } else if (mindType === 'cash') {
-      if (moneyInputRef && moneyInputRef.current) {
+      if (moneyInputRef?.current) {
         const input = moneyInputRef.current.value;
 
         if (NullChecker.isEmpty(input)) {
@@ -288,7 +294,7 @@ const Mind = () => {
         }
       }
     } else if (mindType === 'gift') {
-      if (giftRef && giftRef.current) {
+      if (giftRef?.current) {
         const input = giftRef.current.value;
 
         if (NullChecker.isEmpty(input)) {
@@ -322,6 +328,10 @@ const Mind = () => {
 
     if (mindType === 'cash' && moneyInputRef.current) {
       item = moneyInputRef.current.value;
+
+      item = item.replace('원','');
+      item = item.replace(',','');
+
       itemType = ItemTypeProto.CASH;
     }
 
@@ -488,6 +498,19 @@ const Mind = () => {
     }
   }
 
+  const onBlurMoneyInput = () => {
+    if (moneyInputRef.current) {
+      let moneyText = moneyInputRef.current.value;
+
+      moneyText = moneyText.replaceAll(',','').replace('원','');
+
+      moneyText = displayMoneyForm(parseInt(moneyText));
+
+      moneyInputRef.current.value = moneyText;
+
+    }
+  }
+
   return (
     <div className="Mind inner">
       <button type="button" className="exel-btn" onClick={handleExelBtn}><img src={ImgExelBtn} alt="exel-btn" /></button>
@@ -540,12 +563,13 @@ const Mind = () => {
           <Fragment>
             <div className="InputTextBox">
               <input
-                type="number"
+                type="text"
                 className="input-text-box"
                 id='cash-input'
                 placeholder='금액을 입력하세요'
                 ref={moneyInputRef}
-                defaultValue={money}
+                defaultValue={money+'원'}
+                onBlur={() => onBlurMoneyInput()}
                 onKeyUp={() => {onChangeMindContent("cash");onChangeMoneyInput();}}
               />
             </div>