[FE] 지출 생성 시 나갔던 멤버를 다시 추가할 수 없는 오류

[Todari]

issue

• close [FE] Loading Button으로 인해 Layout이 깨지는 문제 #620

구현 목적

지출 생성 시 지워졌던 멤버를 다시 추가할 수 없는 오류가 발생합니다.
예를 들어 1차에 이상, 감자, 망쵸 가 있을 때, 2차에서는 망쵸가 나가고 이상, 감자가 남습니다.
3차에서 망쵸를 다시 추가하려고 할 때, "�현재 참여하고 있는 인원이 존재합니다" 에러가 발생합니다.

2024-09-25.1.51.58.mov

구현 내용

기존에는 새로 멤버를 추가할 때, 이미 있는 멤버인지 판별하기 위해 currentMember와 비교했었습니다.

// useMembersStep.tsx
// ...
    const setBillInfoMemberWithId = (name: string) => {
    const existingMember = currentMembers.find(currentMember => currentMember.name === name);
    if (existingMember) {
      setBillInfo(prev => ({...prev, members: [...prev.members, {id: existingMember.id, name: name}]}));
    } else {
      setBillInfo(prev => ({...prev, members: [...prev.members, {id: -1, name: name}]}));
    }
  };
// ...

하지만, 한번 나갔던 멤버의 정보는 currentMember에 존재하지 않고, allMember에 존재하기 때문에 비교하는 대상을 currentMember에서 allMember로 변경해 주었습니다.

// useMembersStep.tsx
// ...
    const setBillInfoMemberWithId = (name: string) => {
    const existingMember = allMembers.find(currentMember => currentMember.name === name);
    if (existingMember) {
      setBillInfo(prev => ({...prev, members: [...prev.members, {id: existingMember.id, name: name}]}));
    } else {
      setBillInfo(prev => ({...prev, members: [...prev.members, {id: -1, name: name}]}));
    }
  };
// ...

[github-actions]

🚀 storybook: https://66a9dea5db27afc2b8f91ba7-pdlwsfpuxv.chromatic.com/

[soi-ha]

멋져요 굳굳