From 271a8d1d70d25e4d5bdc7e3ad5cfffb2a5cb4f01 Mon Sep 17 00:00:00 2001
From: Mo <mo@standardnotes.com>
Date: Wed, 21 Sep 2022 07:50:17 -0500
Subject: [PATCH] fix(web): subscription sharing copy

---
 .../Panes/Account/SubscriptionSharing/InvitationsList.tsx   | 4 ++--
 .../Panes/Account/SubscriptionSharing/Invite/Invite.tsx     | 6 +++---
 .../Panes/Account/SubscriptionSharing/SharingStatusText.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

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 60e18d7f5..d56eb98f2 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
@@ -51,7 +51,7 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
 
   return (
     <div>
-      <SubtitleLight className="mb-2 text-info">Active Invitations:</SubtitleLight>
+      <SubtitleLight className="mb-2 text-info">Active Invites:</SubtitleLight>
       {activeSubscriptions?.map((invitation) => (
         <div key={invitation.uuid} className="mt-1 mb-4">
           <Text>
@@ -64,7 +64,7 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
       ))}
       {!!inActiveSubscriptions?.length && (
         <>
-          <SubtitleLight className="mb-2 text-info">Inactive Invitations:</SubtitleLight>
+          <SubtitleLight className="mb-2 text-info">Inactive Invites:</SubtitleLight>
           <div>
             {inActiveSubscriptions?.map((invitation) => (
               <div key={invitation.uuid} className="mb-3 first:mt-2">
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
index e061c19a6..df5386802 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
@@ -13,7 +13,7 @@ import InviteForm from './InviteForm'
 import InviteSuccess from './InviteSuccess'
 
 enum SubmitButtonTitles {
-  Default = 'Send Invitation',
+  Default = 'Send Invite',
   Sending = 'Sending...',
   Finish = 'Finish',
 }
@@ -96,7 +96,7 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
     const success = await processInvite()
     if (!success) {
       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)
 
       resetProgressState()
@@ -112,7 +112,7 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
   return (
     <div>
       <ModalDialog>
-        <ModalDialogLabel closeDialog={handleDialogClose}>Invite</ModalDialogLabel>
+        <ModalDialogLabel closeDialog={handleDialogClose}>Share your Subscription</ModalDialogLabel>
         <ModalDialogDescription className="flex flex-row items-center px-4.5">
           {currentStep === Steps.InitialStep && <InviteForm setInviteeEmail={setInviteeEmail} />}
           {currentStep === Steps.FinishStep && <InviteSuccess />}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
index 05431c22f..f10af0040 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
@@ -9,8 +9,8 @@ const SharingStatusText = ({ subscriptionState }: Props) => {
 
   return (
     <Text className="mt-1">
-      You have have used <span className="font-bold">{usedInvitationsCount}</span> out of {allowedInvitationsCount}{' '}
-      subscription invitations.
+      You've used <span className="font-bold">{usedInvitationsCount}</span> out of {allowedInvitationsCount}{' '}
+      subscription invites.
     </Text>
   )
 }