fix: Available slots not being fetched (#3180)

Author: LautaroPetaccio

src/components/Modals/CreateThirdPartyCollectionModal/CreateThirdPartyCollectionModal.tsx

@@ -204,7 +204,7 @@ export const CreateThirdPartyCollectionModal: FC<Props> = (props: Props) => {
               onChange={handleCollectionIdChange}
             />
           )}
-          {errorMessage ? <Message error tiny visible content={errorMessage} header={t('global.error_ocurred')} /> : null}
+          {errorMessage ? <Message error visible content={errorMessage} header={t('global.error_ocurred')} /> : null}
         </ModalContent>
         <ModalActions>
           <Button primary disabled={!isSubmittable || isLoading} loading={isLoading}>

src/components/ThirdPartyCollectionDetailPage/ThirdPartyCollectionDetailPage.tsx

@@ -80,7 +80,7 @@ export default function ThirdPartyCollectionDetailPage({
     if (thirdParty && thirdParty.availableSlots === undefined && !isLoadingAvailableSlots) {
       onFetchAvailableSlots(thirdParty.id)
     }
-  }, [])
+  }, [thirdParty, isLoadingAvailableSlots, onFetchAvailableSlots])
 
   useEffect(() => {
     // update the state if the page query param changes
@@ -395,7 +395,6 @@ export default function ThirdPartyCollectionDetailPage({
       isLoadingAvailableSlots,
       totalItems,
       page,
-      thirdParty,
       handleSelectItemChange,
       areAllSelected,
       handleChangeStatus,