Merge pull request #1817 from newrelic/1751_display_external_links_in…

…_quickstart_markdown

chore: show icon for links in markdown quickstart descriptions (#1751)

src/components/Markdown.js

@@ -3,6 +3,26 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
 import ReactMarkdown from 'react-markdown';
 
+import { Link } from '@newrelic/gatsby-theme-newrelic';
+
+const aTagToLink = ({
+  // eslint-disable-next-line no-unused-vars
+  node,
+  ...props
+}) => {
+  return (
+    <Link
+      to={props.href}
+      css={css`
+        text-decoration: none;
+      `}
+      displayExternalIcon
+    >
+      {props.children}
+    </Link>
+  );
+};
+
 const Markdown = ({ className, ...props }) => (
   <ReactMarkdown
     {...props}
@@ -12,6 +32,9 @@ const Markdown = ({ className, ...props }) => (
         margin-top: 0;
       }
     `}
+    components={{
+      a: aTagToLink,
+    }}
   />
 );