Refactor: 그룹 상세 페이지 전반적인 수정

PR 타입

[ ] 기능 추가
[ ] 기능 변경
[ ] 기능 삭제
[x] 버그 수정
[x] 디자인 수정
[ ] 의존성, 환경 변수, 빌드 관련 코드 업데이트

변경 사항

그룹 이름을 클릭했을 때에도 뒤로 가도록 수정했습니다.

그룹 상세 페이지 / 마이라운지에서 동일한 함수가 사용되는 것을 하나로 수정했습니다.

useGroup 내 handleModalAction 함수를 수정해서 사용했습니다.

const handleModalAction = (tripGroupId: number, cardType: string) => {
showModal(
titles[cardType],
confirmTexts[cardType],
messages[cardType],
confirmTypes[cardType],
() => {
if (cardType === 'leader') {
  handleDeleteGroup(tripGroupId);
} else if (cardType === 'approved') {
  handleLeaveGroup(tripGroupId);
} else if (cardType === 'pending') {
  handleCancelApplyGroup(tripGroupId);
} else if (cardType === 'notMember') {
  handleApplyGroup(tripGroupId);
}
}
);
};

apis/groupDetail apis/groupApply 파일을 삭제했습니다. 필요한 내용은 apis/group에 추가했습니다.

그룹장이 자신의 상세 페이지에 접속했을 때 그룹을 수정 / 삭제 가능하도록 버튼을 추가했습니다.

{userStatus === 'leader' && (
    <div className='flex gap-3'>
      <Button
        type='button'
        styleType='solid'
        style={isLoading ? { pointerEvents: 'none' } : {}}
        fullWidth
        onClickHandler={() => navigate(`/group/edit/${tripGroupId}`)}
      >
        수정
      </Button>
      <Button
        type='button'
        styleType='warning'
        style={isLoading ? { pointerEvents: 'none' } : {}}
        fullWidth
        onClickHandler={() => handleModalAction(tripGroupId, 'leader')}
      >
        삭제
      </Button>
    </div>
  )}

그룹 상세 페이지에 멤버 모집 현황 모달에 Dimmed 처리 추가했습니다.

ValueWith / ValueWith_FE

Refactor: 그룹 상세 페이지 전반적인 수정 #51

PR 타입

변경 사항