✨ Feat: 구현 의류 삭제 알림

- 옷장 의류 삭제 시, 삭제 메세지 알림
- 로그아웃 시 로그아웃이 되지 않는 오류 해결

Author: S686

Diff for: src/routes/ClothSize.js

@@ -34,7 +34,6 @@ router.post('/cloth_size', async (req, res) => {
     )
 
     const recommendedSize = aiApiResponse.data.size
-
     res.json({ size: recommendedSize })
   } catch (error) {
     console.error(error)

Diff for: src/routes/Clothes.js

@@ -58,7 +58,9 @@ router.delete('/api/delete/:id', async (req, res) => {
     }
 
     await Clothes.findByIdAndDelete(clothId)
-    res.status(200).json({ message: 'Cloth deleted successfully' })
+    res
+      .status(200)
+      .json({ message: 'Cloth deleted successfully', code: 'DELETE_DONE' })
   } catch (error) {
     res.status(400).json({ error: 'Error while deleting the cloth' })
   }

Diff for: style/src/api/apiConfig.js

@@ -1,3 +1,3 @@
-//export const API_URL = 'http://localhost:3000'
+export const API_URL = 'http://localhost:3000'
 // 배포 시, 위 코드 주석처리 후 다음 코드로 변경
-export const API_URL = 'http://model-fit.kro.kr'
+//export const API_URL = 'http://model-fit.kro.kr'

Diff for: style/src/components/FittingPage/ButtonBar.js

@@ -124,17 +124,19 @@ function ButtonBar({ setErrorCode, showAlert, setIsDefaultPage }) {
     setSelected(index)
   }
 
+  // 이미지 저장
+
   return (
     <div className={styles.buttonContainer}>
       <CardButton
-        src={saveImage}
+        src={uploadImage}
         alt="upload"
         text="옷 링크 업로드"
         onClick={handleModalOpen}
       />
       <CardButton
-        src={uploadImage}
-        alt="upload"
+        src={saveImage}
+        alt="save"
         text="이미지 저장"
         onClick={() => {}}
       />

Diff for: style/src/components/FittingPage/FittingPage.js

@@ -43,12 +43,14 @@ function FittingPage() {
             isDefaultPage={isDefaultPage}
             setErrorCode={setErrorCode}
             showAlert={showAlert}
-                    setIsDefaultPage={setIsDefaultPage}
+            setIsDefaultPage={setIsDefaultPage}
           />
           <div className="empty-space" />
           <RightFitContainer
             setFittingImage={setFittingImage}
             setIsDefaultPage={setIsDefaultPage}
+            setErrorCode={setErrorCode}
+            showAlert={showAlert}
           />
           <div className="empty-space" />
         </div>

Diff for: style/src/components/FittingPage/FittingPageAlert.js

@@ -35,6 +35,14 @@ function FittingPageAlert({ errorCode, isShowAlert, setIsShowAlert }) {
           setShow={setIsShowAlert}
         />
       )}
+      {errorCode === 'DELETE_DONE' && (
+        <AlertMessage
+          variant={errorCode === 'DELETE_DONE' ? 'success' : 'danger'}
+          message={'삭제를 완료했습니다.'}
+          show={isShowAlert}
+          setShow={setIsShowAlert}
+        />
+      )}
     </>
   )
 }

Diff for: style/src/components/FittingPage/RightFitContainer.js

@@ -12,7 +12,12 @@ import axios from 'axios'
 
 import LoadingIndicator from '../LoadingIndicator'
 
-function RightFitContainer({ setFittingImage, setIsDefaultPage }) {
+function RightFitContainer({
+  setFittingImage,
+  setIsDefaultPage,
+  setErrorCode,
+  showAlert,
+}) {
   const [mainMenu, setMainMenu] = useState('closet')
   const [subMenu1, setSubMenu1] = useState('all')
   const [subMenu2, setSubMenu2] = useState('all')
@@ -109,11 +114,39 @@ function RightFitContainer({ setFittingImage, setIsDefaultPage }) {
         `${API_URL}/cloth/api/delete/${clothId}`
       )
       fetchClothesImages()
+      setErrorCode(response.data.code)
+      showAlert()
     } catch (error) {
       console.error('Error deleting cloth:', error)
     }
   }
 
+  //사이즈 추천
+  const handleRecommendSize = async (clothId) => {
+    const user = JSON.parse(localStorage.getItem('user'))
+    if (!user || !user._id) {
+      console.error('User ID not found')
+      return
+    }
+    const userId = user._id
+
+    try {
+      const response = await axios.post(`${API_URL}/cloth/cloth_size`, {
+        userId,
+        clothId,
+      })
+
+      if (response.status === 200) {
+        const recommendedSize = response.data.size
+        alert(`Recommended size: ${recommendedSize}`)
+      } else {
+        alert(`Error: ${response.statusText}`)
+      }
+    } catch (error) {
+      console.error('Size Recommendation Error:', error)
+    }
+  }
+
   return (
     <div className={styles.rightFitContainer}>
       <div className={styles.closetContainer}>
@@ -277,6 +310,7 @@ function RightFitContainer({ setFittingImage, setIsDefaultPage }) {
               consolea={clothes}
               handleFittingCloth={handleFittingCloth}
               handleDeleteCloth={handleDeleteCloth}
+              handleRecommendSize={handleRecommendSize}
             />
           ))}
         </div>
@@ -295,6 +329,7 @@ function ClothesElement({
   consolea,
   handleFittingCloth,
   handleDeleteCloth,
+  handleRecommendSize,
 }) {
   return (
     <div className={styles.clothesElement}>
@@ -320,9 +355,15 @@ function ClothesElement({
         >
           <FontAwesomeIcon icon={solid('shirt')} />
         </button>
-        <button className={styles.sizeBtn} onClick={() => {}}>
+        <button
+          className={styles.sizeBtn}
+          onClick={() => {
+            handleRecommendSize(id)
+          }}
+        >
           <FontAwesomeIcon icon={solid('ruler-combined')} />
         </button>
+
         <button
           className={styles.removeBtn}
           onClick={() => handleDeleteCloth(id)}

Diff for: style/src/components/User/Logout.js

@@ -8,6 +8,7 @@ function Logout() {
   const dispatch = useDispatch()
   const handleLogout = () => {
     dispatch(logout())
+    localStorage.removeItem('user')
     localStorage.removeItem('token')
     alert('정상적으로 로그아웃 되었습니다.')
   }