feat: Only render editor if the component is live otherwise render co…

…de snippet
newrelic · Jun 3, 2020 · 7ad682d · 7ad682d
1 parent 9a43c6c
commit 7ad682d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/ComponentExample.js b/src/components/ComponentExample.js
@@ -99,6 +99,7 @@ const ComponentExample = ({
 }) => {
   const [stylesLoaded, setStylesLoaded] = useState(false);
   const ToastManager = window.__NR1_SDK__.ToastManager;
+  const { live } = example.options;
   let formattedCode;
 
   try {
@@ -120,9 +121,9 @@ const ComponentExample = ({
         }}
         code={formattedCode}
         theme={github}
-        disabled={!example.options.live}
+        disabled={!live}
       >
-        {example.options.live && (
+        {live && (
           <root.div className={styles.preview}>
             <link
               rel="stylesheet"
@@ -146,7 +147,7 @@ const ComponentExample = ({
           </root.div>
         )}
         <LiveEditor style={{ fontSize: '0.75rem' }} />
-        <LiveError className={styles.error} />
+        {live && <LiveError className={styles.error} />}
       </LiveProvider>
     </div>
   );