feat: update api and component reference templates to use the code bl…

…ock for usage
newrelic · Jul 8, 2020 · 45e319a · 45e319a
1 parent 1bceb66
commit 45e319a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 47 deletions.
diff --git a/src/components/InlineCodeSnippet.js b/src/components/InlineCodeSnippet.js
diff --git a/src/templates/ApiReferenceTemplate.js b/src/templates/ApiReferenceTemplate.js
@@ -2,7 +2,7 @@ import React from 'react';
 import cx from 'classnames';
 import { graphql } from 'gatsby';
 import PropTypes from 'prop-types';
-import InlineCodeSnippet from '../components/InlineCodeSnippet';
+import CodeBlock from '../components/CodeBlock';
 import Layout from '../components/Layout';
 import PageTitle from '../components/PageTitle';
 import Markdown from '../components/Markdown';
@@ -45,7 +45,7 @@ const ApiReferenceTemplate = ({ data }) => {
 
       <section className={templateStyles.section}>
         <h2 className={templateStyles.sectionTitle}>Usage</h2>
-        <InlineCodeSnippet language="js">{usage}</InlineCodeSnippet>
+        <CodeBlock language="js">{usage}</CodeBlock>
       </section>
 
       {methods.length > 0 && (

diff --git a/src/templates/ComponentReferenceTemplate.js b/src/templates/ComponentReferenceTemplate.js
@@ -3,7 +3,7 @@ import cx from 'classnames';
 import { graphql } from 'gatsby';
 import PropTypes from 'prop-types';
 
-import InlineCodeSnippet from '../components/InlineCodeSnippet';
+import CodeBlock from '../components/CodeBlock';
 import ReferenceExample from '../components/ReferenceExample';
 import Layout from '../components/Layout';
 import PageTitle from '../components/PageTitle';
@@ -63,7 +63,7 @@ const ComponentReferenceTemplate = ({ data }) => {
 
       <section className={templateStyles.section}>
         <h2 className={templateStyles.sectionTitle}>Usage</h2>
-        <InlineCodeSnippet language="js">{usage}</InlineCodeSnippet>
+        <CodeBlock language="js">{usage}</CodeBlock>
       </section>
 
       {examples.length > 0 && (