chore: Change Marketplace info modal text (#33239)

RocketChat · Sep 18, 2024 · 5d644f8 · 5d644f8
1 parent 141d4a7
commit 5d644f8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/apps/meteor/client/views/admin/subscription/components/FeatureUsageCard.tsx b/apps/meteor/client/views/admin/subscription/components/FeatureUsageCard.tsx
@@ -11,7 +11,7 @@ type FeatureUsageCardProps = {
 
 export type CardProps = {
 	title: string;
-	infoText?: string;
+	infoText?: string | ReactNode;
 	upgradeButton?: ReactNode;
 };
 

diff --git a/apps/meteor/client/views/admin/subscription/components/InfoTextIconModal.tsx b/apps/meteor/client/views/admin/subscription/components/InfoTextIconModal.tsx
@@ -1,14 +1,14 @@
 import { IconButton } from '@rocket.chat/fuselage';
 import { useSetModal } from '@rocket.chat/ui-contexts';
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import GenericModal from '../../../../components/GenericModal';
 
 export type InfoTextIconModalProps = {
 	title: string;
-	infoText: string;
+	infoText: string | ReactNode;
 };
 
 const InfoTextIconModal = ({ title, infoText }: InfoTextIconModalProps): ReactElement => {

diff --git a/apps/meteor/client/views/admin/subscription/components/cards/AppsUsageCard.tsx b/apps/meteor/client/views/admin/subscription/components/cards/AppsUsageCard.tsx
@@ -1,7 +1,7 @@
 import { Box, ProgressBar, Skeleton } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 
 import type { CardProps } from '../FeatureUsageCard';
 import FeatureUsageCard from '../FeatureUsageCard';
@@ -25,7 +25,15 @@ const AppsUsageCard = ({ privateAppsLimit, marketplaceAppsLimit }: AppsUsageCard
 
 	const card: CardProps = {
 		title: t('Apps'),
-		infoText: t('Apps_InfoText'),
+		infoText: (
+			<Trans i18nKey='Apps_InfoText'>
+				Community workspaces can enable up to 5 marketplace apps. Private apps can only be enabled in
+				<Box is='a' href='https://www.rocket.chat/pricing' target='_blank' color='info'>
+					premium plans
+				</Box>
+				.
+			</Trans>
+		),
 		...((marketplaceAppsPercentage || 0) >= 80 && {
 			upgradeButton: (
 				<UpgradeButton target='app-usage-card' action='upgrade' small>

diff --git a/packages/i18n/src/locales/en.i18n.json b/packages/i18n/src/locales/en.i18n.json
@@ -6473,7 +6473,7 @@
   "MAC_InfoText": "(MAC) the number of unique omnichannel contacts engaged with during the billing month.",
   "CountMAC_InfoText": "(MAC) the number of unique omnichannel contacts engaged with during the calendar month.",
   "ActiveSessions_InfoText": "Total concurrent connections. A single user can be connected multiple times. User presence service is disabled at 200 or more to prevent performance issues.",
-  "Apps_InfoText": "Community allows up to 3 private apps and 5 marketplace apps to be enabled",
+  "Apps_InfoText": "Community workspaces can enable up to 5 marketplace apps. Private apps can only be enabled in <1>premium plans</1>.",
   "Remove_RocketChat_Watermark_InfoText": "Watermark is automatically removed when a paid license is active.",
   "Remove_RocketChat_Watermark": "Remove Rocket.Chat watermark",
   "High_scalabaility": "High scalabaility",