fix(web): subscription sharing copy
This commit is contained in:
@@ -51,7 +51,7 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<SubtitleLight className="mb-2 text-info">Active Invitations:</SubtitleLight>
|
<SubtitleLight className="mb-2 text-info">Active Invites:</SubtitleLight>
|
||||||
{activeSubscriptions?.map((invitation) => (
|
{activeSubscriptions?.map((invitation) => (
|
||||||
<div key={invitation.uuid} className="mt-1 mb-4">
|
<div key={invitation.uuid} className="mt-1 mb-4">
|
||||||
<Text>
|
<Text>
|
||||||
@@ -64,7 +64,7 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
|
|||||||
))}
|
))}
|
||||||
{!!inActiveSubscriptions?.length && (
|
{!!inActiveSubscriptions?.length && (
|
||||||
<>
|
<>
|
||||||
<SubtitleLight className="mb-2 text-info">Inactive Invitations:</SubtitleLight>
|
<SubtitleLight className="mb-2 text-info">Inactive Invites:</SubtitleLight>
|
||||||
<div>
|
<div>
|
||||||
{inActiveSubscriptions?.map((invitation) => (
|
{inActiveSubscriptions?.map((invitation) => (
|
||||||
<div key={invitation.uuid} className="mb-3 first:mt-2">
|
<div key={invitation.uuid} className="mb-3 first:mt-2">
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ import InviteForm from './InviteForm'
|
|||||||
import InviteSuccess from './InviteSuccess'
|
import InviteSuccess from './InviteSuccess'
|
||||||
|
|
||||||
enum SubmitButtonTitles {
|
enum SubmitButtonTitles {
|
||||||
Default = 'Send Invitation',
|
Default = 'Send Invite',
|
||||||
Sending = 'Sending...',
|
Sending = 'Sending...',
|
||||||
Finish = 'Finish',
|
Finish = 'Finish',
|
||||||
}
|
}
|
||||||
@@ -96,7 +96,7 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
|
|||||||
const success = await processInvite()
|
const success = await processInvite()
|
||||||
if (!success) {
|
if (!success) {
|
||||||
application.alertService
|
application.alertService
|
||||||
.alert('We could not send the invitation. Please try again or contact support if the issue persists.')
|
.alert('An error occurred while sending the invite. Please try again or contact support if the issue persists.')
|
||||||
.catch(console.error)
|
.catch(console.error)
|
||||||
|
|
||||||
resetProgressState()
|
resetProgressState()
|
||||||
@@ -112,7 +112,7 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<ModalDialog>
|
<ModalDialog>
|
||||||
<ModalDialogLabel closeDialog={handleDialogClose}>Invite</ModalDialogLabel>
|
<ModalDialogLabel closeDialog={handleDialogClose}>Share your Subscription</ModalDialogLabel>
|
||||||
<ModalDialogDescription className="flex flex-row items-center px-4.5">
|
<ModalDialogDescription className="flex flex-row items-center px-4.5">
|
||||||
{currentStep === Steps.InitialStep && <InviteForm setInviteeEmail={setInviteeEmail} />}
|
{currentStep === Steps.InitialStep && <InviteForm setInviteeEmail={setInviteeEmail} />}
|
||||||
{currentStep === Steps.FinishStep && <InviteSuccess />}
|
{currentStep === Steps.FinishStep && <InviteSuccess />}
|
||||||
|
|||||||
@@ -9,8 +9,8 @@ const SharingStatusText = ({ subscriptionState }: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Text className="mt-1">
|
<Text className="mt-1">
|
||||||
You have have used <span className="font-bold">{usedInvitationsCount}</span> out of {allowedInvitationsCount}{' '}
|
You've used <span className="font-bold">{usedInvitationsCount}</span> out of {allowedInvitationsCount}{' '}
|
||||||
subscription invitations.
|
subscription invites.
|
||||||
</Text>
|
</Text>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user