Don't show the expand/collapse for string examples

Author: Brendan Abbott

src/components/Example/Example.js

@@ -29,6 +29,8 @@ export default class Example extends Component {
       example = examples[0]
     }
 
+    const isSimple = typeof example === 'string'
+
     if (!example) {
       return null
     }
@@ -42,10 +44,12 @@ export default class Example extends Component {
           hovered: this.state.hovered
         })}>
           <CopyButton onCopyClick={this.onCopyClick} tooltip='Copy to Clipboard' />
-          <span onClick={() => this.setState({ collapseAll: false })}>Expand All</span>
-          <span onClick={() => this.setState({ collapseAll: true })}>Collapse All</span>
+          {!isSimple &&
+            <span onClick={() => this.setState({ collapseAll: false })}>Expand All</span>}
+          {!isSimple &&
+            <span onClick={() => this.setState({ collapseAll: true })}>Collapse All</span>}
         </div>
-        {typeof example === 'string'
+        {isSimple
           ? {example}
           : <ReactJson
             src={example}

test/components/__snapshots__/Example.test.js.snap

@@ -52,16 +52,6 @@ exports[`<Example /> renders a string example 1`] = `
       onCopyClick={[Function]}
       tooltip="Copy to Clipboard"
     />
-    <span
-      onClick={[Function]}
-    >
-      Expand All
-    </span>
-    <span
-      onClick={[Function]}
-    >
-      Collapse All
-    </span>
   </div>
   Object {
     "example": "<message>hi</message>",