refactor: Move usage into useComponentDoc

newrelic · Jun 4, 2020 · 4397c34 · 4397c34
1 parent 7a4a20a
commit 4397c34
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/hooks/useComponentDoc.js b/src/hooks/useComponentDoc.js
@@ -25,6 +25,7 @@ const useComponentDoc = (componentName) => {
     return {
       description: componentDocs?.text,
       examples: componentDocs?.tags.examples ?? [],
+      usage: `import { ${componentName} } from 'nr1'`,
       methods: Object.getOwnPropertyNames(component)
         .filter(
           (member) =>

diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
@@ -29,6 +29,7 @@ const ReferenceTemplate = ({ data }) => {
     examples,
     description: componentDescription,
     methods,
+    usage,
   } = useComponentDoc(component);
 
   return (
@@ -48,7 +49,7 @@ const ReferenceTemplate = ({ data }) => {
           </section>
           <section className={styles.section}>
             <h2>Usage</h2>
-            <InlineCodeSnippet language="js">{`import { ${component} } from 'nr1'`}</InlineCodeSnippet>
+            <InlineCodeSnippet language="js">{usage}</InlineCodeSnippet>
           </section>
           {examples.length > 0 && (
             <section className={styles.section}>