improvement: flow coverage

src/components/Sidebar/Author/Author.js

@@ -1,8 +1,18 @@
+// @flow
 import React from 'react';
 import { withPrefix, Link } from 'gatsby';
 import styles from './Author.module.scss';
 
-const Author = ({ author, isIndex }) => (
+type Props = {
+  author: {
+    name: string,
+    bio: string,
+    photo: string
+  },
+  isIndex: ?boolean
+};
+
+const Author = ({ author, isIndex }: Props) => (
   <div className={styles['author']}>
     <Link to="/">
       <img

src/components/Sidebar/Author/Author.test.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import Author from './Author';
@@ -8,7 +9,8 @@ describe('Author', () => {
       name: 'test',
       photo: '/photo.jpg',
       bio: 'test'
-    }
+    },
+    isIndex: false
   };
 
   it('renders correctly', () => {

src/components/Sidebar/Author/index.js

@@ -1 +1,2 @@
+// @flow
 export { default } from './Author';

src/components/Sidebar/Contacts/Contacts.js

@@ -4,11 +4,11 @@ import { getContactHref, getIcon } from '../../../utils';
 import Icon from '../../Icon';
 import styles from './Contacts.module.scss';
 
-type Props = {|
-  +contacts: {
+type Props = {
+  contacts: {
     [string]: string,
   },
-|};
+};
 
 const Contacts = ({ contacts }: Props) => (
   <div className={styles['contacts']}>

src/components/Sidebar/Contacts/Contacts.test.js

@@ -1,3 +1,5 @@
+
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import Contacts from './Contacts';

src/components/Sidebar/Contacts/index.js

@@ -1 +1,2 @@
+// @flow
 export { default } from './Contacts';

src/components/Sidebar/Copyright/Copyright.js

@@ -1,7 +1,12 @@
+// @flow
 import React from 'react';
 import styles from './Copyright.module.scss';
 
-const Copyright = ({ copyright }) => (
+type Props = {
+  copyright: string
+};
+
+const Copyright = ({ copyright }: Props) => (
   <div className={styles['copyright']}>
     {copyright}
   </div>

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

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import Copyright from './Copyright';

src/components/Sidebar/Copyright/index.js

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

src/components/Sidebar/Menu/Menu.js

@@ -1,8 +1,16 @@
+// @flow
 import React from 'react';
 import { Link } from 'gatsby';
 import styles from './Menu.module.scss';
 
-const Menu = ({ menu }) => (
+type Props = {
+  menu: {
+    label: string,
+    path: string
+  }[]
+};
+
+const Menu = ({ menu }: Props) => (
   <nav className={styles['menu']}>
     <ul className={styles['menu__list']}>
       {menu.map((item) => (

src/components/Sidebar/Menu/Menu.test.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import Menu from './Menu';

src/components/Sidebar/Menu/index.js

@@ -1 +1,2 @@
+// @flow
 export { default } from './Menu';

src/components/Sidebar/Sidebar.js

@@ -8,7 +8,7 @@ import styles from './Sidebar.module.scss';
 import { useSiteMetadata } from '../../hooks';
 
 type Props = {
-  +isIndex: ?boolean,
+  isIndex?: boolean,
 };
 
 const Sidebar = ({ isIndex }: Props) => {

src/components/Sidebar/Sidebar.test.js

@@ -1,13 +1,15 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
 import Sidebar from './Sidebar';
 import siteMetadata from '../../../jest/__fixtures__/site-metadata';
+import type { RenderCallback } from '../../types';
 
 describe('Sidebar', () => {
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/components/Sidebar/index.js

@@ -1 +1,2 @@
+// @flow
 export { default } from './Sidebar';