improvement: flow coverage

src/templates/categories-list-template.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import { Link } from 'gatsby';
 import kebabCase from 'lodash/kebabCase';

src/templates/categories-list-template.test.js

@@ -1,9 +1,11 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
 import CategoriesListTemplate from './categories-list-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import allMarkdownRemark from '../../jest/__fixtures__/all-markdown-remark';
+import type { RenderCallback } from '../types';
 
 describe('CategoriesListTemplate', () => {
   const props = {
@@ -13,7 +15,7 @@ describe('CategoriesListTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(props)
       ),
       useStaticQuery.mockReturnValue(props)

src/templates/category-template.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import { graphql } from 'gatsby';
 import Layout from '../components/Layout';
@@ -6,8 +7,14 @@ import Feed from '../components/Feed';
 import Page from '../components/Page';
 import Pagination from '../components/Pagination';
 import { useSiteMetadata } from '../hooks';
+import type { PageContext, AllMarkdownRemark } from '../types';
 
-const CategoryTemplate = ({ data, pageContext }) => {
+type Props = {
+  data: AllMarkdownRemark,
+  pageContext: PageContext
+};
+
+const CategoryTemplate = ({ data, pageContext }: Props) => {
   const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
 
   const {

src/templates/category-template.test.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
@@ -5,6 +6,7 @@ import CategoryTemplate from './category-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import allMarkdownRemark from '../../jest/__fixtures__/all-markdown-remark';
 import pageContext from '../../jest/__fixtures__/page-context';
+import type { RenderCallback } from '../types';
 
 describe('CategoryTemplate', () => {
   const props = {
@@ -16,7 +18,7 @@ describe('CategoryTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/templates/index-template.js

@@ -7,10 +7,11 @@ import Feed from '../components/Feed';
 import Page from '../components/Page';
 import Pagination from '../components/Pagination';
 import { useSiteMetadata } from '../hooks';
+import type { PageContext, AllMarkdownRemark } from '../types';
 
 type Props = {
-  +data: Object,
-  +pageContext: Object,
+  data: AllMarkdownRemark,
+  pageContext: PageContext
 };
 
 const IndexTemplate = ({ data, pageContext }: Props) => {
@@ -46,12 +47,6 @@ const IndexTemplate = ({ data, pageContext }: Props) => {
 
 export const query = graphql`
   query IndexTemplate($postsLimit: Int!, $postsOffset: Int!) {
-    site {
-      siteMetadata {
-        title
-        subtitle
-      }
-    }
     allMarkdownRemark(
         limit: $postsLimit,
         skip: $postsOffset,

src/templates/index-template.test.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { StaticQuery, useStaticQuery } from 'gatsby';
@@ -5,6 +6,7 @@ import IndexTemplate from './index-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import allMarkdownRemark from '../../jest/__fixtures__/all-markdown-remark';
 import pageContext from '../../jest/__fixtures__/page-context';
+import type { RenderCallback } from '../types';
 
 describe('IndexTemplate', () => {
   const props = {
@@ -16,7 +18,7 @@ describe('IndexTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/templates/not-found-template.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import Sidebar from '../components/Sidebar';
 import Layout from '../components/Layout';

src/templates/not-found-template.test.js

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

src/templates/page-template.js

@@ -1,11 +1,19 @@
+// @flow
 import React from 'react';
 import { graphql } from 'gatsby';
 import Layout from '../components/Layout';
 import Sidebar from '../components/Sidebar';
 import Page from '../components/Page';
 import { useSiteMetadata } from '../hooks';
+import type { MarkdownRemark } from '../types';
 
-const PageTemplate = ({ data }) => {
+type Props = {
+  data: {
+    markdownRemark: MarkdownRemark
+  }
+};
+
+const PageTemplate = ({ data }: Props) => {
   const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
   const { html: pageBody } = data.markdownRemark;
   const { title: pageTitle, description: pageDescription } = data.markdownRemark.frontmatter;
@@ -23,12 +31,6 @@ const PageTemplate = ({ data }) => {
 
 export const query = graphql`
   query PageBySlug($slug: String!) {
-    site {
-      siteMetadata {
-        title
-        subtitle
-      }
-    }
     markdownRemark(fields: { slug: { eq: $slug } }) {
       id
       html

src/templates/page-template.test.js

@@ -1,9 +1,11 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
 import PageTemplate from './page-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import markdownRemark from '../../jest/__fixtures__/markdown-remark';
+import type { RenderCallback } from '../types';
 
 describe('PageTemplate', () => {
   const props = {
@@ -14,7 +16,7 @@ describe('PageTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/templates/post-template.js

@@ -3,8 +3,13 @@ import { graphql } from 'gatsby';
 import Layout from '../components/Layout';
 import Post from '../components/Post';
 import { useSiteMetadata } from '../hooks';
+import type { MarkdownRemark } from '../types';
 
-const PostTemplate = ({ data }) => {
+type Props = {
+  data: MarkdownRemark
+};
+
+const PostTemplate = ({ data }: Props) => {
   const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
   const { title: postTitle, description: postDescription } = data.markdownRemark.frontmatter;
   const metaDescription = postDescription !== null ? postDescription : siteSubtitle;

src/templates/post-template.test.js

@@ -1,9 +1,11 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
 import PostTemplate from './post-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import markdownRemark from '../../jest/__fixtures__/markdown-remark';
+import type { RenderCallback } from '../types';
 
 describe('PostTemplate', () => {
   const props = {
@@ -14,7 +16,7 @@ describe('PostTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/templates/tag-template.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import { graphql } from 'gatsby';
 import Layout from '../components/Layout';
@@ -6,8 +7,14 @@ import Feed from '../components/Feed';
 import Page from '../components/Page';
 import Pagination from '../components/Pagination';
 import { useSiteMetadata } from '../hooks';
+import type { AllMarkdownRemark, PageContext } from '../types';
 
-const TagTemplate = ({ data, pageContext }) => {
+type Props = {
+  data: AllMarkdownRemark,
+  pageContext: PageContext
+};
+
+const TagTemplate = ({ data, pageContext }: Props) => {
   const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();
 
   const {

src/templates/tag-template.test.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
@@ -5,11 +6,12 @@ import TagTemplate from './tag-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import allMarkdownRemark from '../../jest/__fixtures__/all-markdown-remark';
 import pageContext from '../../jest/__fixtures__/page-context';
+import type { RenderCallback } from '../types';
 
 describe('TagTemplate', () => {
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(siteMetadata)
       ),
       useStaticQuery.mockReturnValue(siteMetadata)

src/templates/tags-list-template.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import { Link } from 'gatsby';
 import kebabCase from 'lodash/kebabCase';

src/templates/tags-list-template.test.js

@@ -1,9 +1,11 @@
+// @flow
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { useStaticQuery, StaticQuery } from 'gatsby';
 import TagsListTemplate from './tags-list-template';
 import siteMetadata from '../../jest/__fixtures__/site-metadata';
 import allMarkdownRemark from '../../jest/__fixtures__/all-markdown-remark';
+import type { RenderCallback } from '../types';
 
 describe('TagsListTemplate', () => {
   const props = {
@@ -13,7 +15,7 @@ describe('TagsListTemplate', () => {
 
   beforeEach(() => {
     StaticQuery.mockImplementationOnce(
-      ({ render }) => (
+      ({ render }: RenderCallback) => (
         render(props)
       ),
       useStaticQuery.mockReturnValue(props)