diff --git a/src/app/mypage/_components/MyVote.tsx b/src/app/mypage/_components/MyVote.tsx index c209fc6b..4ae462d8 100644 --- a/src/app/mypage/_components/MyVote.tsx +++ b/src/app/mypage/_components/MyVote.tsx @@ -17,7 +17,7 @@ type BottomSheetType = 'askDelete' | 'selectOption'; const MyVote = () => { const { data, status } = useGetMyVote(); - const { mutate: onDelete } = useDeleteVoteMutation(); + const { mutate: onDelete, isPending } = useDeleteVoteMutation(); const { onOpenSheet, openedSheet, onCloseSheet } = useBottomSheetState(); const deleteTarget = useRef(null); @@ -51,6 +51,7 @@ const MyVote = () => { onOpenSheet('selectOption'); deleteTarget.current = vote.id; }} + disabled={isPending && deleteTarget.current === vote.id} /> diff --git a/src/app/vote/[slug]/_component/VoteExtraDetail.tsx b/src/app/vote/[slug]/_component/VoteExtraDetail.tsx index 223bbcd6..d99eefd5 100644 --- a/src/app/vote/[slug]/_component/VoteExtraDetail.tsx +++ b/src/app/vote/[slug]/_component/VoteExtraDetail.tsx @@ -22,7 +22,7 @@ type BottomSheetType = 'askDelete' | 'replyOption'; const VoteExtraDetail = ({ author, views, category, voteId }: Props) => { const { data: user } = useGetUser(); - const { mutate: onDelete } = useDeleteVoteMutation(); + const { mutate: onDelete, isPending } = useDeleteVoteMutation(); const router = useRouter(); const { onOpenSheet, openedSheet, onCloseSheet } = useBottomSheetState(); @@ -44,6 +44,7 @@ const VoteExtraDetail = ({ author, views, category, voteId }: Props) => { icon="more" className="!p-0" onClick={() => onOpenSheet('replyOption')} + disabled={isPending} /> ) }