From c7a4a60b4842521a04145c215e975b96310edd1d Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Tue, 2 Jun 2020 18:16:56 -0700
Subject: [PATCH] feat: Disable editing if there is no preview to show

---
 src/components/ComponentExample.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ComponentExample.js b/src/components/ComponentExample.js
index dae98b05a..e7bae111e 100644
--- a/src/components/ComponentExample.js
+++ b/src/components/ComponentExample.js
@@ -30,8 +30,9 @@ const ComponentExample = ({ className, example }) => {
         }}
         code={formattedCode}
         theme={github}
+        disabled={!example.options.live}
       >
-        <LivePreview className={styles.preview} />
+        {example.options.live && <LivePreview className={styles.preview} />}
         <LiveEditor style={{ fontSize: '0.75rem' }} />
         <LiveError className={styles.error} />
       </LiveProvider>
@@ -44,6 +45,7 @@ ComponentExample.propTypes = {
   example: PropTypes.shape({
     label: PropTypes.string.isRequired,
     sourceCode: PropTypes.string.isRequired,
+    options: PropTypes.object.isRequired,
   }).isRequired,
 };