fix: do not repeat chip

wanted-fork-fork · Dec 5, 2024 · 6e49b8d · 6e49b8d
1 parent d906bcb
commit 6e49b8d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/processes/my_profile/QuestionForm/PetForm/PetForm.tsx b/src/processes/my_profile/QuestionForm/PetForm/PetForm.tsx
@@ -14,6 +14,8 @@ const makeItem = (name: string) => ({
 const hasItem = (itemList: { name: string }[], targetItem: { name: string }) =>
   itemList.some((item) => item.name === targetItem.name);
 
+const isSameItem = (a: { name: string }, b: { name: string }) => a.name === b.name;
+
 export const PetForm = () => {
   const name = useProfileFirstName();
   const { pets, setPets } = useMyProfileStore(({ pets, setPets }) => ({ pets, setPets }));
@@ -39,6 +41,7 @@ export const PetForm = () => {
           selectedList={selectedPetList}
           setSelectedList={onSelectPet}
           hasItem={hasItem}
+          isSameItem={isSameItem}
           makeItem={makeItem}
           customInputTitle={'추가 할 반려동물을 입력해주세요.'}
           customInputPlaceholder={'ex. 구피, 기니피그...'}

diff --git a/src/shared/ui/ChipList/ChipList.tsx b/src/shared/ui/ChipList/ChipList.tsx
@@ -24,7 +24,9 @@ export const ChipList = <T extends { name: string }>({
   customInputTitle,
   customInputPlaceholder,
 }: Props<T>) => {
-  const [customList, setCustomList] = useState<T[]>(selectedList.filter((item) => !defaultList.includes(item)));
+  const [customList, setCustomList] = useState<T[]>(
+    selectedList.filter((item) => !defaultList.some((d) => d.name === item.name)),
+  );
 
   const [openInputBottomSheet, setOpenInputBottomSheet] = useState(false);