feat: Disable editing if there is no preview to show

newrelic · Jun 3, 2020 · c7a4a60 · c7a4a60
1 parent 50ef393
commit c7a4a60
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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,
 };