[IMPROVE] Improve Apps permission modal (#21193)

* improve modal design

* add en and pt-BR translations

* fix icon size

client/views/admin/apps/AppPermissionsReviewModal.js

@@ -26,17 +26,20 @@ const AppPermissionsReviewModal = ({
 
 	return <Modal {...modalProps}>
 		<Modal.Header>
-			<Icon color='danger' name='info-circled' size={20}/>
+			<Icon color='warning' name='modal-warning' size={25}/>
 			<Modal.Title>{t('Apps_Permissions_Review_Modal_Title')}</Modal.Title>
 			<Modal.Close onClick={handleCloseButtonClick}/>
 		</Modal.Header>
+		<Modal.Content marginBlockEnd={20} fontScale='p1'>
+			{t('Apps_Permissions_Review_Modal_Subtitle')}
+		</Modal.Content>
 		<Modal.Content fontScale='p1'>
 			<ul>
 				{
 					appPermissions.length
-						?	appPermissions.map((permission) =>
+						?	appPermissions.map((permission, count) =>
 							<li key={permission.name}>
-								<b>{ t(`Apps_Permissions_${ permission.name.replace('.', '_') }`) }</b>
+								<b>{ count + 1 } - </b>{ t(`Apps_Permissions_${ permission.name.replace('.', '_') }`) }
 								{ permission.required && <span style={{ color: 'red' }}> ({ t('required') })</span> }
 							</li>)
 						: t('Apps_Permissions_No_Permissions_Required')
@@ -46,7 +49,7 @@ const AppPermissionsReviewModal = ({
 		<Modal.Footer>
 			<ButtonGroup align='end'>
 				<Button ghost onClick={handleCancelButtonClick}>{t('Cancel')}</Button>
-				<Button primary onClick={handleConfirmButtonClick}>{t('Accept')}</Button>
+				<Button primary onClick={handleConfirmButtonClick}>{t('Agree')}</Button>
 			</ButtonGroup>
 		</Modal.Footer>
 	</Modal>;

packages/rocketchat-i18n/i18n/en.i18n.json

@@ -462,7 +462,8 @@
   "Apps_Marketplace_Uninstall_App_Prompt": "Do you really want to uninstall this app?",
   "Apps_Marketplace_Uninstall_Subscribed_App_Anyway": "Uninstall it anyway",
   "Apps_Marketplace_Uninstall_Subscribed_App_Prompt": "This app has an active subscription and uninstalling will not cancel it. If you'd like to do that, please modify your subscription before uninstalling.",
-  "Apps_Permissions_Review_Modal_Title": "This app requires the following permissions",
+  "Apps_Permissions_Review_Modal_Title": "Required Permissions",
+  "Apps_Permissions_Review_Modal_Subtitle": "This app would like access to the following permissions. Do you agree?",
   "Apps_Permissions_No_Permissions_Required": "The App does not require additional permissions",
   "Apps_Permissions_user_read": "Access user information",
   "Apps_Permissions_user_write": "Modify user information",
@@ -4298,4 +4299,4 @@
   "Your_temporary_password_is_password": "Your temporary password is <strong>[password]</strong>.",
   "Your_TOTP_has_been_reset": "Your Two Factor TOTP has been reset.",
   "Your_workspace_is_ready": "Your workspace is ready to use 🎉"
-}
+}

packages/rocketchat-i18n/i18n/pt-BR.i18n.json

@@ -403,7 +403,8 @@
   "Apps_Marketplace_pricingPlan_yearly_perUser": "__price__/ano por usuário",
   "Apps_Marketplace_Uninstall_App_Prompt": "Você quer mesmo desinstalar este aplicativo?",
   "Apps_Marketplace_Uninstall_Subscribed_App_Anyway": "Desinstalar mesmo assim",
-  "Apps_Permissions_Review_Modal_Title": "Este app necessita das seguintes permissões",
+  "Apps_Permissions_Review_Modal_Title": "Permissões Necessárias",
+  "Apps_Permissions_Review_Modal_Subtitle": "Este app gostaria de acessar as seguintes permissões. Você aceita?",
   "Apps_Permissions_No_Permissions_Required": "Este app não necessita de nenhuma permissão",
   "Apps_Permissions_user_read": "Acessar dados de usuários",
   "Apps_Permissions_user_write": "Alterar dados de usuários",
@@ -3641,4 +3642,4 @@
   "Your_question": "A sua pergunta",
   "Your_server_link": "O link do seu servidor",
   "Your_workspace_is_ready": "O seu espaço de trabalho está pronto a usar 🎉"
-}
+}