Skip to content

[SPFE18-174] #151 #168 팀 수정하기, 삭제하기 구현#169

Merged
sejin5 merged 3 commits intodevelopfrom
feat/groupEdit
Nov 29, 2025
Merged

[SPFE18-174] #151 #168 팀 수정하기, 삭제하기 구현#169
sejin5 merged 3 commits intodevelopfrom
feat/groupEdit

Conversation

@sejin5
Copy link
Member

@sejin5 sejin5 commented Nov 28, 2025

📄 PR 내용 요약

팀 수정하기, 삭제하기 구현

✅ 작업 내용 상세

  1. 팀 관리자일 경우 title에 gear 아이콘이 보입니다.
  2. 수정하기를 누르면 페이지가 '/team/[id]/edit' 으로 이동합니다.
  3. 삭제하기를 누르면 alert 창이 뜹니다.

📸 스크린샷 (선택사항)

💬 참고 사항

@sejin5 sejin5 added ✨ feat 새로운 기능 추가 🔌 api API 연동 labels Nov 28, 2025
@vercel
Copy link

vercel bot commented Nov 28, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
plango Ready Ready Preview Comment Nov 28, 2025 9:25am

Copy link
Contributor

@sohyun0 sohyun0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

작업하느라 고생많으셨습니다! 코멘트는 제안 및 궁금증 정도여서 바로 승인하겠습니다 😃

Comment on lines +16 to +21
const { mutate } = useMutation({
mutationFn: deleteTeam,
onSuccess: () => {
router.replace("/");
},
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

삭제후에 토스트 띄워줘도 좋을것 같습니다!

return (
<Container className="mt-[72px] max-w-[460px] pt-0 tablet:mt-[100px] tablet:px-0 desktop:mt-[140px] desktop:pt-0">
<h2 className="mb-[24px] w-full text-center text-[24px] tablet:mb-[80px]">팀 수정하기</h2>
<form method="PATCH" className="w-full" onSubmit={handleSubmit}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

form method는 get/post만 있는걸루 알고있는데 혹시 추가하신 다른 이유가 있을까용!?:D
스크린샷 2025-11-28 오후 10 52 33

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

머라고요 제가 바보같은 행동을 했군요... 기본적인것까지 까먹었네요ㅠ_ㅠ 알려주셔서 감사합니다


updateGroupMutate.mutate({ groupId: groupId, payload: newData });
},
onError: error => console.log(error.message),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

추후 작업하실때 60번 라인과 함께 토스트 띄워줘도 좋을것 같습니다 !
토스트 컴포넌트가 안보여서 전체적으로 나중에 작업하실거라고 예상이되긴하네용!

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵! 미리 작업한거 먼저 올리고 한번에 토스트 작업하면 깔끔할것 같아서 그렇게 하려구 합니당

Comment on lines +129 to +141
{formData.image ? (
<Image
src={formData.image}
alt="팀 프로필 사진"
className="inline-block h-[64px] w-full rounded-full border-[2px] border-line-strong"
width={64}
height={64}
/>
) : (
<IcProfile className="h-[64px] w-full" />
)}

<IcEdit className="absolute bottom-0 right-0 h-[20px] w-[20px]" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여유가 되신다면 수정 -> 이미지 업로드 후 삭제하는 부분도 있으면 좋을것 같아요! :D

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네! 소현님이 x 해주신거 보고 이런방법이 있구나 알게되었어요 qa 후다닥 해서 구현해볼게요!

Copy link
Contributor

@suuuuya suuuuya left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생 많으셨습니다!!

Comment on lines +115 to +118
return (
<Container className="mt-[72px] max-w-[460px] pt-0 tablet:mt-[100px] tablet:px-0 desktop:mt-[140px] desktop:pt-0">
<h2 className="mb-[24px] w-full text-center text-[24px] tablet:mb-[80px]">팀 수정하기</h2>
<form method="PATCH" className="w-full" onSubmit={handleSubmit}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저희 공통 폼/검증 컴포넌트(<Form> + zod)로 분리해서 관리해도 좋을 것 같습니다!

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵! 리팩토링 할때 적용해보겠습니다

@sejin5 sejin5 merged commit 736b123 into develop Nov 29, 2025
2 checks passed
@sejin5 sejin5 deleted the feat/groupEdit branch November 29, 2025 05:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🔌 api API 연동 ✨ feat 새로운 기능 추가

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat] 팀 삭제하기 구현 [SPFE18-174] [Feat] 팀 페이지 - 팀 수정하기 구현

3 participants