diff --git a/src/legacy/core_plugins/metrics/public/components/vis_types/markdown/vis.js b/src/legacy/core_plugins/metrics/public/components/vis_types/markdown/vis.js index 60a337e88d288c..76e0ed23f509a9 100644 --- a/src/legacy/core_plugins/metrics/public/components/vis_types/markdown/vis.js +++ b/src/legacy/core_plugins/metrics/public/components/vis_types/markdown/vis.js @@ -16,23 +16,23 @@ * specific language governing permissions and limitations * under the License. */ - import PropTypes from 'prop-types'; import React from 'react'; import classNames from 'classnames'; -import { isBackgroundInverted } from '../../../../common/set_is_reversed'; -import _ from 'lodash'; -import Markdown from 'react-markdown'; +import uuid from 'uuid'; +import { get } from 'lodash'; +import { Markdown } from 'ui/markdown/markdown'; + +import ErrorComponent from '../../error'; import replaceVars from '../../lib/replace_vars'; import convertSeriesToVars from '../../lib/convert_series_to_vars'; -import ErrorComponent from '../../error'; -import uuid from 'uuid'; +import { isBackgroundInverted } from '../../../../common/set_is_reversed'; const getMarkdownId = id => `markdown-${id}`; function MarkdownVisualization(props) { const { backgroundColor, model, visData, dateFormat } = props; - const series = _.get(visData, `${model.id}.series`, []); + const series = get(visData, `${model.id}.series`, []); const variables = convertSeriesToVars(series, model, dateFormat, props.getConfig); const markdownElementId = getMarkdownId(uuid.v1()); @@ -74,7 +74,7 @@ function MarkdownVisualization(props) { {markdownError && }
-
{!markdownError && }
+
{!markdownError && }
);