prometheus/web/ui/react-app/src/components/SanitizeHTML/index.tsx
Boyko dab87ca281 split autocomplete dropdown in to groups (#6211)
* split autocomplete dropdown in to groups

Signed-off-by: blalov <boyko.lalov@tick42.com>

* fix autocomplete flickering

Signed-off-by: blalov <boyko.lalov@tick42.com>

* fix expression input issue.

Signed-off-by: blalov <boyko.lalov@tick42.com>

* select autocomplete item issue fix

Signed-off-by: blalov <boyko.lalov@tick42.com>

* remove metric group abstraction

Signed-off-by: blalov <boyko.lalov@tick42.com>
2019-10-26 19:50:22 +02:00

17 lines
508 B
TypeScript

/**
* SanitizeHTML to render HTML, this takes care of sanitizing HTML.
*/
import React, { memo } from 'react';
import sanitizeHTML from 'sanitize-html';
interface SanitizeHTMLProps {
allowedTags: string[];
children: string;
tag?: keyof JSX.IntrinsicElements;
}
const SanitizeHTML = ({ tag: Tag = 'div', children, allowedTags, ...rest }: SanitizeHTMLProps) => (
<Tag {...rest} dangerouslySetInnerHTML={{ __html: sanitizeHTML(children, { allowedTags }) }} />
);
export default memo(SanitizeHTML);