feat(gatsby-theme-docz): add showLiveError on Playground

doczjs · Jul 11, 2019 · e593897 · e593897
1 parent f823cc6
commit e593897
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/core/gatsby-theme-docz/src/components/Playground/index.js b/core/gatsby-theme-docz/src/components/Playground/index.js
@@ -12,7 +12,7 @@ import * as Icons from '../Icons'
 
 export const Playground = ({ code, scope }) => {
   const {
-    themeConfig: { showPlaygroundEditor },
+    themeConfig: { showPlaygroundEditor, showLiveError },
   } = useConfig()
 
   const [showingCode, setShowingCode] = useState(() => showPlaygroundEditor)
@@ -51,7 +51,7 @@ export const Playground = ({ code, scope }) => {
           </button>
         </div>
       </div>
-      <LiveError sx={styles.error} />
+      {showLiveError && <LiveError sx={styles.error} />}
       {showingCode && (
         <div sx={styles.editor(theme)}>
           <LiveEditor />

diff --git a/core/gatsby-theme-docz/src/index.js b/core/gatsby-theme-docz/src/index.js
@@ -19,8 +19,14 @@ const Theme = ({ children }) => {
 
 export const enhance = theme(
   defaultTheme,
-  ({ mode = 'light', showPlaygroundEditor = true, ...config }) => ({
+  ({
+    mode = 'light',
+    showPlaygroundEditor = true,
+    showLiveError = true,
+    ...config
+  }) => ({
     ...config,
+    showLiveError,
     showPlaygroundEditor,
     initialColorMode: mode,
   })