Upgrade to Gatsby v2

src/components/Layout/Layout.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Helmet from 'react-helmet';
+import styles from './Layout.module.scss';
+
+const Layout = ({ children, title, description }) => (
+  <div className={styles.layout}>
+    <Helmet>
+      <title>{title}</title>
+      <meta name="description" content={description} />
+    </Helmet>
+    {children}
+  </div>
+);
+
+export default Layout;

src/components/Layout/Layout.module.scss

@@ -0,0 +1,6 @@
+@import '../../assets/scss/variables';
+@import '../../assets/scss/mixins';
+
+.layout {
+    lost-center: $layout-width;
+}

src/components/Layout/Layout.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import Layout from './Layout';
+
+describe('Layout', () => {
+  const props = {
+    children: 'test',
+    description: 'test',
+    title: 'test'
+  };
+
+  it('renders correctly', () => {
+    const tree = renderer.create(<Layout {...props} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});

src/components/Layout/__snapshots__/Layout.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Layout renders correctly 1`] = `
+<div
+  className="layout"
+>
+  test
+</div>
+`;

src/components/Layout/index.js

@@ -0,0 +1 @@
+export { default } from './Layout';