diff --git a/src/webapp/features/cards/components/addCardToModal/AddCardToModal.tsx b/src/webapp/features/cards/components/addCardToModal/AddCardToModal.tsx index b6fa58f4..4c56331b 100644 --- a/src/webapp/features/cards/components/addCardToModal/AddCardToModal.tsx +++ b/src/webapp/features/cards/components/addCardToModal/AddCardToModal.tsx @@ -11,6 +11,7 @@ import CollectionSelector from '@/features/collections/components/collectionSele import useUpdateCardAssociations from '../../lib/mutations/useUpdateCardAssociations'; import CollectionSelectorSkeleton from '@/features/collections/components/collectionSelector/Skeleton.CollectionSelector'; import useAddCard from '../../lib/mutations/useAddCard'; +import { SelectableCollectionItem } from '@/features/collections/types'; interface Props { isOpen: boolean; @@ -24,7 +25,7 @@ interface Props { export default function AddCardToModal(props: Props) { const cardStatus = useGetCardFromMyLibrary({ url: props.cardContent.url }); - const isMyCard = props.cardId === cardStatus.data.cardId; + const isMyCard = props.cardId === cardStatus.data.card?.id; const [note, setNote] = useState(props.note); const { data, error } = useMyCollections(); @@ -58,13 +59,13 @@ export default function AddCardToModal(props: Props) { const hasAdded = addedCollections.length > 0; const hasRemoved = removedCollections.length > 0; - if (cardStatus.data.cardId && !hasNoteChanged && !hasAdded && !hasRemoved) { + if (cardStatus.data.card && !hasNoteChanged && !hasAdded && !hasRemoved) { props.onClose(); return; } // if the card is not in library, add it instead of updating - if (!cardStatus.data.cardId) { + if (!cardStatus.data.card) { addCard.mutate( { url: props.cardContent.url, @@ -91,7 +92,7 @@ export default function AddCardToModal(props: Props) { note?: string; addToCollectionIds?: string[]; removeFromCollectionIds?: string[]; - } = { cardId: cardStatus.data.cardId }; + } = { cardId: cardStatus.data.card!.id }; if (hasNoteChanged) updatedCardPayload.note = trimmedNote; if (hasAdded)