Upgrade to Gatsby v2

src/components/Sidebar/Copyright/Copyright.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import styles from './Copyright.module.scss';
+
+const Copyright = ({ copyright }) => (
+  <div className={styles['copyright']}>
+    {copyright}
+  </div>
+);
+
+export default Copyright;

src/components/Sidebar/Copyright/Copyright.module.scss

@@ -0,0 +1,7 @@
+@import '../../../assets/scss/variables';
+@import '../../../assets/scss/mixins';
+
+.copyright {
+  color: lighten($color-gray, 18%);
+  font-size: $typographic-small-font-size;
+}

src/components/Sidebar/Copyright/Copyright.test.js

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

src/components/Sidebar/Copyright/__snapshots__/Copyright.test.js.snap

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

src/components/Sidebar/Copyright/index.js

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