Add callout in auto-translate sidebar

RocketChat · Sep 14, 2023 · 7d2c64c · 7d2c64c
1 parent 9655b88
commit 7d2c64c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/apps/meteor/client/views/room/contextualBar/AutoTranslate/AutoTranslate.tsx b/apps/meteor/client/views/room/contextualBar/AutoTranslate/AutoTranslate.tsx
@@ -1,4 +1,4 @@
-import { FieldGroup, Field, ToggleSwitch, Select } from '@rocket.chat/fuselage';
+import { FieldGroup, Field, ToggleSwitch, Select, Callout } from '@rocket.chat/fuselage';
 import type { SelectOption } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import type { ReactElement, ChangeEvent } from 'react';
@@ -42,6 +42,11 @@ const AutoTranslate = ({
 			</ContextualbarHeader>
 			<ContextualbarContent pbs={24}>
 				<FieldGroup>
+					{room.encrypted && (
+						<Callout title={t('Automatic_translation_not_available')} type='warning'>
+							{t('Automatic_translation_not_available_info')}
+						</Callout>
+					)}
 					<Field>
 						<Field.Row>
 							<ToggleSwitch
@@ -54,7 +59,7 @@ const AutoTranslate = ({
 						</Field.Row>
 					</Field>
 					<Field>
-						<Field.Label htmlFor='language'>{t('Language')}</Field.Label>
+						<Field.Label htmlFor='translate-to'>{t('Translate_to')}</Field.Label>
 						<Field.Row verticalAlign='middle'>
 							<Select
 								id='language'

diff --git a/apps/meteor/packages/rocketchat-i18n/i18n/en.i18n.json b/apps/meteor/packages/rocketchat-i18n/i18n/en.i18n.json
@@ -701,6 +701,8 @@
   "Authorization_URL": "Authorization URL",
   "Authorize": "Authorize",
   "Authorize_access_to_your_account": "Authorize access to your account",
+  "Automatic_translation_not_available": "Automatic translation not available",
+  "Automatic_translation_not_available_info": "This room has E2E encryption enabled, translation cannot work with encrypted messages",
   "Auto_Load_Images": "Auto Load Images",
   "Auto_Selection": "Auto Selection",
   "Auto_Translate": "Auto-Translate",
@@ -5154,6 +5156,7 @@
   "Transferred": "Transferred",
   "Translate": "Translate",
   "Translated": "Translated",
+  "Translate_to": "Translate to",
   "Translations": "Translations",
   "Travel_and_Places": "Travel & Places",
   "Trigger_removed": "Trigger removed",

diff --git a/apps/meteor/packages/rocketchat-i18n/i18n/pt-BR.i18n.json b/apps/meteor/packages/rocketchat-i18n/i18n/pt-BR.i18n.json
@@ -621,6 +621,8 @@
   "Author_Site": "Página do autor",
   "Authorization_URL": "URL de autorização",
   "Authorize": "Autorizar",
+  "Automatic_translation_not_available": "Tradução automática indisponível",
+  "Automatic_translation_not_available_info": "Esta sala tem criptografia E2E ativada, a tradução não pode funcionar com mensagens criptografadas",
   "Auto_Load_Images": "Carregar imagens automaticamente",
   "Auto_Selection": "Seleção automática",
   "Auto_Translate": "Traduzir automaticamente",
@@ -4336,6 +4338,7 @@
   "Transferred": "Transferido",
   "Translate": "Traduzir",
   "Translated": "Traduzido",
+  "Translate_to": "Traduzir para",
   "Translations": "Traduções",
   "Travel_and_Places": "Viagem e Locais",
   "Trigger_removed": "Gatilho removido",