locale TranslatedHtml.tsx

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 146x
146x
 
146x
 
 
 
 
 
 
146x
107x
107x
107x
107x
 
 
 
 
 
 
146x
  import DOMPurify from 'dompurify';
import React, { FunctionComponent } from 'react';
 
import withLanguage, { WithLanguageProps } from './withLanguage';
 
export interface TranslatedHtmlProps {
    id: string;
    data?: any;
}
 
const TranslatedHtml: FunctionComponent<TranslatedHtmlProps & WithLanguageProps> = ({
    data,
    id,
    language,
}) => (
    <span dangerouslySetInnerHTML={ {
        __html: DOMPurify.sanitize(language.translate(id, data), { ADD_ATTR: ['target'] }),
    } }
    />
);
 
export default withLanguage(TranslatedHtml);