refactor: adjusted invited title

Author: aleksandernsilva

apps/meteor/client/components/InvitationBadge/InvitationBadge.tsx

@@ -11,19 +11,9 @@ type InvitationBadgeProps = Omit<ComponentProps<typeof Icon>, 'name' | 'color' |
 const InvitationBadge = ({ invitationDate, ...props }: InvitationBadgeProps) => {
 	const { t } = useTranslation();
 	const timeAgo = useTimeAgo();
-	const formattedDate = invitationDate ? timeAgo(invitationDate) : '';
+	const formattedDate = invitationDate ? t('Invited__date__', { date: timeAgo(invitationDate) }) : t('Invited');
 
-	return (
-		<Icon
-			size='x20'
-			{...props}
-			role='status'
-			color='info'
-			name='mail'
-			aria-hidden='false'
-			title={t('Invited__date__', { date: formattedDate })}
-		/>
-	);
+	return <Icon size='x20' {...props} role='status' color='info' name='mail' aria-hidden='false' title={formattedDate} />;
 };
 
 export default InvitationBadge;

apps/meteor/client/components/InvitationBadge/__snapshots__/InvitationBadge.spec.tsx.snap

@@ -37,7 +37,7 @@ exports[`should render InvitationBadge without date 1`] = `
       aria-hidden="false"
       class="rcx-box rcx-box--full rcx-icon--name-mail rcx-icon rcx-css-dpa92h"
       role="status"
-      title="Invited "
+      title="Invited"
     >
       
     </i>

packages/i18n/src/locales/en.i18n.json

@@ -2679,6 +2679,7 @@
   "Invitation_Subject": "Invitation Subject",
   "Invitation_Subject_Default": "You have been invited to [Site_Name]",
   "Invite": "Invite",
+  "Invited": "Invited",
   "Invited__date__": "Invited {{date}}",
   "Invite_Link": "Invite Link",
   "Invite_Users": "Invite Members",
@@ -7115,4 +7116,4 @@
   "timestamps.fullDateTimeDescription": "December 31, 2020 12:00 AM",
   "timestamps.fullDateTimeLongDescription": "Thursday, December 31, 2020 12:00:00 AM",
   "timestamps.relativeTimeDescription": "1 year ago"
-}
+}