formatMessage fix

reportportal · Oct 5, 2022 · d9bf984 · d9bf984
1 parent d5a8f36
commit d9bf984
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/app/src/pages/inside/stepPage/modals/ignoreInAAModal/ignoreInAAModal.jsx b/app/src/pages/inside/stepPage/modals/ignoreInAAModal/ignoreInAAModal.jsx
@@ -16,6 +16,7 @@
 
 import { Component } from 'react';
 import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
 import { connect } from 'react-redux';
 import classNames from 'classnames/bind';
 import { injectIntl, defineMessages } from 'react-intl';
@@ -136,7 +137,12 @@ export class IgnoreInAAModal extends Component {
       data: { items },
     } = this.props;
     return items.length === 1
-      ? Parser(intl.formatMessage(messages.text, { name: items[0].name }))
+      ? Parser(
+          intl.formatMessage(messages.text, {
+            b: (data) => DOMPurify.sanitize(`<b>${data}</b>`),
+            name: items[0].name,
+          }),
+        )
       : intl.formatMessage(messages.textMultiple);
   };
 

diff --git a/app/src/pages/inside/stepPage/modals/includeInAAModal/includeInAAModal.jsx b/app/src/pages/inside/stepPage/modals/includeInAAModal/includeInAAModal.jsx
@@ -16,6 +16,7 @@
 
 import { Component } from 'react';
 import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
 import { connect } from 'react-redux';
 import classNames from 'classnames/bind';
 import { injectIntl, defineMessages } from 'react-intl';
@@ -136,7 +137,12 @@ export class IncludeInAAModal extends Component {
       data: { items },
     } = this.props;
     return items.length === 1
-      ? Parser(intl.formatMessage(messages.text, { name: items[0].name }))
+      ? Parser(
+          intl.formatMessage(messages.text, {
+            b: (data) => DOMPurify.sanitize(`<b>${data}</b>`),
+            name: items[0].name,
+          }),
+        )
       : intl.formatMessage(messages.textMultiple);
   };
 

diff --git a/app/src/pages/outside/common/pageBlockContainer/blockHeader/blockHeader.jsx b/app/src/pages/outside/common/pageBlockContainer/blockHeader/blockHeader.jsx
@@ -16,6 +16,7 @@
 
 import classNames from 'classnames/bind';
 import Parser from 'html-react-parser';
+import DOMPurify from 'dompurify';
 import { injectIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 import styles from './blockHeader.scss';
@@ -26,7 +27,12 @@ export const BlockHeader = injectIntl(({ intl: { formatMessage }, header, hint,
   <span className={cx('block-header')}>
     <span className={cx('huge-message')}>{formatMessage(header)}</span>
     <br />
-    {Parser(formatMessage(hint, hintParams))}
+    {Parser(
+      formatMessage(hint, {
+        b: (data) => DOMPurify.sanitize(`<b>${data}</b>`),
+        ...hintParams,
+      }),
+    )}
   </span>
 ));
 BlockHeader.propTypes = {