From f7c81660d58714dd783d9a1360775e0879f53dd5 Mon Sep 17 00:00:00 2001
From: Matthias Dietrich <perl@rb.ly>
Date: Thu, 17 May 2018 14:41:20 +0200
Subject: [PATCH] Update files with prettier changes

---
 src/components/code-pane.js      | 27 ++++++++++++++-------------
 src/components/code-pane.test.js | 10 ++++++----
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/code-pane.js b/src/components/code-pane.js
index 114c78f96..e5ed1f11d 100644
--- a/src/components/code-pane.js
+++ b/src/components/code-pane.js
@@ -7,12 +7,12 @@ import { Editor } from 'react-live';
 import '../utils/prism-import';
 
 const StyledWrapper = styled.div(props => props.styles);
-const StyledEditor = styled(({ syntaxStyles: _, prismTheme: __, ...rest }) => <Editor {...rest} />)`
+const StyledEditor = styled(({ syntaxStyles: _, prismTheme: __, ...rest }) => (
+  <Editor {...rest} />
+))`
   && {
-    ${props => props.syntaxStyles}
-
-    &.builtin-prism-theme {
-      ${props => props.prismTheme}
+    ${props => props.syntaxStyles} &.builtin-prism-theme {
+      ${props => props.prismTheme};
     }
   }
 `;
@@ -25,7 +25,9 @@ export default class CodePane extends Component {
   render() {
     const useDarkTheme = this.props.theme === 'dark';
     const externalPrismTheme = this.props.theme === 'external';
-    const className = `language-${this.props.lang} ${externalPrismTheme ? '' : 'builtin-prism-theme'} ${this.props.className}`;
+    const className = `language-${this.props.lang} ${
+      externalPrismTheme ? '' : 'builtin-prism-theme'
+    } ${this.props.className}`;
 
     const wrapperStyles = [
       this.context.styles.components.codePane,
@@ -34,17 +36,16 @@ export default class CodePane extends Component {
     ];
 
     return (
-      <StyledWrapper
-        className={this.props.className}
-        styles={wrapperStyles}
-      >
+      <StyledWrapper className={this.props.className} styles={wrapperStyles}>
         <StyledEditor
           className={className}
           code={this.props.source}
           language={this.props.lang}
           contentEditable={this.props.contentEditable}
           syntaxStyles={this.context.styles.components.syntax}
-          prismTheme={this.context.styles.prism[useDarkTheme ? 'dark' : 'light']}
+          prismTheme={
+            this.context.styles.prism[useDarkTheme ? 'dark' : 'light']
+          }
           onKeyDown={this.handleEditorEvent}
           onKeyUp={this.handleEditorEvent}
           onClick={this.handleEditorEvent}
@@ -66,7 +67,7 @@ CodePane.propTypes = {
   lang: PropTypes.string,
   source: PropTypes.string,
   style: PropTypes.object,
-  theme: PropTypes.oneOf(['dark', 'light', 'external']),
+  theme: PropTypes.oneOf(['dark', 'light', 'external'])
 };
 
 CodePane.defaultProps = {
@@ -74,5 +75,5 @@ CodePane.defaultProps = {
   contentEditable: false,
   lang: 'markup',
   source: '',
-  theme: 'dark',
+  theme: 'dark'
 };
diff --git a/src/components/code-pane.test.js b/src/components/code-pane.test.js
index 59fb2c4ce..7293694ed 100644
--- a/src/components/code-pane.test.js
+++ b/src/components/code-pane.test.js
@@ -4,10 +4,12 @@ import CodePane from './code-pane';
 
 describe('<CodePane />', () => {
   test('should render correctly.', () => {
-    const context = { styles: {
-      components: { codePane: {}, syntax: {} },
-      prism: { light: 'light;', dark: 'dark;' }
-    } };
+    const context = {
+      styles: {
+        components: { codePane: {}, syntax: {} },
+        prism: { light: 'light;', dark: 'dark;' }
+      }
+    };
     const source = `
       const myButton = (
         <CustomButton