diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx index 79a4dbf97..4d76ff87f 100644 --- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx +++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' import { observer } from 'mobx-react-lite' -import { InvitationStatus } from '@standardnotes/snjs' +import { ButtonType, InvitationStatus } from '@standardnotes/snjs' import { SubtitleLight, Text } from '@/Components/Preferences/PreferencesComponents/Content' import { SubscriptionController } from '@/Controllers/Subscription/SubscriptionController' @@ -29,6 +29,16 @@ const InvitationsList = ({ subscriptionState, application }: Props) => { return } + const confirmed = await application.alerts.confirm( + 'All uploaded files of this user will be removed. This action cannot be undone.', + 'Are you sure you want to cancel this invitation?', + 'Cancel Invitation', + ButtonType.Danger, + ) + if (!confirmed) { + return + } + setLockContinue(true) const success = await subscriptionState.cancelSubscriptionInvitation(invitationUuid)