fix: text fixes & condition for e2e enabled

CaritasDeutschland · Jul 19, 2022 · ace4809 · ace4809
1 parent 0793fb4
commit ace4809
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/src/components/help/HelpVideoCallConsultant.tsx b/src/components/help/HelpVideoCallConsultant.tsx
@@ -1,27 +1,41 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { translate } from '../../utils/translate';
 import { Headline } from '../headline/Headline';
 import { Text } from '../text/Text';
 import { ReactComponent as NewWindow } from '../../resources/img/icons/new-window.svg';
 import { ReactComponent as CopyIcon } from '../../resources/img/icons/documents.svg';
 import ChromeLogo from '../../resources/img/images/google_chrome.png';
 import EdgeLogo from '../../resources/img/images/microsoft_edge.png';
+import { UserDataContext } from '../../globalState';
 
 interface HelpVideoCallConsultantProps {
 	copyLoginLink: Function;
 }
 
 export const HelpVideoCallConsultant: React.FC<HelpVideoCallConsultantProps> =
 	({ copyLoginLink }) => {
+		const { userData } = useContext(UserDataContext);
 		return (
 			<>
 				<div className="help__top">
 					<Headline
-						text={translate('help.videoCall.consultant.headline')}
+						text={
+							userData.e2eEncryptionEnabled
+								? translate(
+										'help.videoCall.consultant.headline'
+								  )
+								: translate(
+										'help.videoCall.asker.steps.headline.1'
+								  )
+						}
 						semanticLevel="5"
 					/>
 					<Text
-						text={translate('help.videoCall.consultant.intro')}
+						text={
+							userData.e2eEncryptionEnabled
+								? translate('help.videoCall.consultant.intro')
+								: ''
+						}
 						type="standard"
 						className="tertiary"
 					/>

diff --git a/src/resources/scripts/i18n/de/help.ts b/src/resources/scripts/i18n/de/help.ts
@@ -3,7 +3,7 @@ const help = {
 	'msEdge': 'Microsoft Edge',
 
 	'videoCall.asker.steps.headline.1':
-		'Schritt für Schritt Anleitung: Video-Calls Ende-zu-Ende zu verschlüsseln',
+		'Video-Calls Ende-zu-Ende zu verschlüsseln',
 	'videoCall.asker.steps.headline.2':
 		'Sie haben bereits Google Chrome oder Microsoft Edge?',
 	'videoCall.asker.steps.1':
@@ -33,7 +33,7 @@ const help = {
 		'Öffnen Sie nun über Chrome oder Edge die Online-Beratung.',
 	'videoCall.consultant.steps.5':
 		'Melden Sie sich bei der Online-Beratung an.',
-	'videoCall.consultant.steps.6': 'Nun können Sie den Video-Call starten.',
+	'videoCall.consultant.steps.6': 'Starten Sie den Video-Call.',
 
 	'videoCall.loginLink.title': 'Link in Zwischenablage kopieren',
 	'videoCall.loginLink.text': 'Link kopieren',

diff --git a/src/resources/scripts/i18n/de/helpInformal.ts b/src/resources/scripts/i18n/de/helpInformal.ts
@@ -1,6 +1,6 @@
 const helpInformal = {
 	'videoCall.asker.steps.headline.2':
-		'Du hast bereits Google Chrome oder Microsoft Edge?',
+		'Hast Du bereits Google Chrome oder Microsoft Edge?',
 	'videoCall.asker.steps.1':
 		'Folge dem Link zu Google Chrome oder Microsoft Edge.',
 	'videoCall.asker.steps.2': 'Lade Dir sich Chrome oder Edge herunter.',
@@ -14,6 +14,7 @@ const helpInformal = {
 
 	'videoCall.consultant.intro':
 		'Um einen Video-Call starten zu können, musst Du Dich über Google Chrome oder Microsoft Edge bei der Online-Beratung anmelden. Somit kann der Video-Call Ende-zu-Ende verschlüsselt werden und Du kannst starten.',
+	'videoCall.consultant.steps.headline.1': 'So geht&#39;s',
 	'videoCall.consultant.steps.headline.2':
 		'Hast Du bereits Google Chrome oder Microsoft Edge?',
 	'videoCall.consultant.steps.1.1': 'Folge dem Link zu ',
@@ -24,7 +25,7 @@ const helpInformal = {
 	'videoCall.consultant.steps.4':
 		'Öffne nun über Chrome oder Edge die Online-Beratung.',
 	'videoCall.consultant.steps.5': 'Melde Dich bei der Online-Beratung an.',
-	'videoCall.consultant.steps.6': 'Nun kannst Du den Video-Call starten.'
+	'videoCall.consultant.steps.6': 'Starte den Video-Call.'
 };
 
 export default helpInformal;