{data.map(price => (
@@ -24,3 +25,16 @@ export default ({ data }) => (
))}
)
+
+Pricing.propTypes = {
+ data: PropTypes.arrayOf(
+ PropTypes.shape({
+ plan: PropTypes.string,
+ price: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+ description: PropTypes.string,
+ items: PropTypes.array,
+ })
+ ),
+}
+
+export default Pricing
diff --git a/src/components/Testimonials.js b/src/components/Testimonials.js
index 171303de8..05b15c4f1 100644
--- a/src/components/Testimonials.js
+++ b/src/components/Testimonials.js
@@ -1,6 +1,7 @@
import React from 'react'
+import PropTypes from 'prop-types'
-export default ({ testimonials }) => (
+const Testimonials = ({ testimonials }) => (
{testimonials.map(testimonial => (
@@ -13,3 +14,14 @@ export default ({ testimonials }) => (
))}
)
+
+Testimonials.propTypes = {
+ testimonials: PropTypes.arrayOf(
+ PropTypes.shape({
+ quote: PropTypes.string,
+ author: PropTypes.string,
+ })
+ ),
+}
+
+export default Testimonials
diff --git a/src/pages/index.js b/src/pages/index.js
index f519327a3..512870e9f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,4 +1,5 @@
import React from 'react'
+import PropTypes from 'prop-types'
import Link from 'gatsby-link'
export default class IndexPage extends React.Component {
@@ -43,6 +44,14 @@ export default class IndexPage extends React.Component {
}
}
+IndexPage.propTypes = {
+ data: PropTypes.shape({
+ allMarkdownRemark: PropTypes.shape({
+ edges: PropTypes.array,
+ }),
+ }),
+}
+
export const pageQuery = graphql`
query IndexQuery {
allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___date] }) {
diff --git a/src/templates/about-page.js b/src/templates/about-page.js
index b36f822cf..a662a6293 100644
--- a/src/templates/about-page.js
+++ b/src/templates/about-page.js
@@ -1,4 +1,5 @@
import React from 'react'
+import PropTypes from 'prop-types'
import Content, { HTMLContent } from '../components/Content'
export const AboutPageTemplate = ({ title, content, contentComponent }) => {
@@ -22,7 +23,13 @@ export const AboutPageTemplate = ({ title, content, contentComponent }) => {
)
}
-export default ({ data }) => {
+AboutPageTemplate.propTypes = {
+ title: PropTypes.string.isRequired,
+ content: PropTypes.string,
+ contentComponent: PropTypes.func,
+}
+
+const AboutPage = ({ data }) => {
const { markdownRemark: post } = data
return (
@@ -34,6 +41,12 @@ export default ({ data }) => {
)
}
+AboutPage.propTypes = {
+ data: PropTypes.object.isRequired,
+}
+
+export default AboutPage
+
export const aboutPageQuery = graphql`
query AboutPage($id: String!) {
markdownRemark(id: { eq: $id }) {
diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
index 06e4cdc88..843702603 100644
--- a/src/templates/blog-post.js
+++ b/src/templates/blog-post.js
@@ -1,4 +1,5 @@
import React from 'react'
+import PropTypes from 'prop-types'
import { kebabCase } from 'lodash'
import Helmet from 'react-helmet'
import Link from 'gatsby-link'
@@ -44,8 +45,16 @@ export const BlogPostTemplate = ({
)
}
-export default props => {
- const { markdownRemark: post } = props.data
+BlogPostTemplate.propTypes = {
+ content: PropTypes.string.isRequired,
+ contentComponent: PropTypes.func,
+ description: PropTypes.string,
+ title: PropTypes.string,
+ helmet: PropTypes.instanceOf(Helmet),
+}
+
+const BlogPost = ({ data }) => {
+ const { markdownRemark: post } = data
return (
{
)
}
+BlogPost.propTypes = {
+ data: PropTypes.shape({
+ markdownRemark: PropTypes.object,
+ }),
+}
+
+export default BlogPost
+
export const pageQuery = graphql`
query BlogPostByID($id: String!) {
markdownRemark(id: { eq: $id }) {
diff --git a/src/templates/product-page.js b/src/templates/product-page.js
index 3e5ac9d1a..d556fbba4 100644
--- a/src/templates/product-page.js
+++ b/src/templates/product-page.js
@@ -1,4 +1,5 @@
import React from 'react'
+import PropTypes from 'prop-types'
import Features from '../components/Features'
import Testimonials from '../components/Testimonials'
import Pricing from '../components/Pricing'
@@ -104,7 +105,31 @@ export const ProductPageTemplate = ({
)
-export default ({ data }) => {
+ProductPageTemplate.propTypes = {
+ image: PropTypes.string,
+ title: PropTypes.string,
+ heading: PropTypes.string,
+ description: PropTypes.string,
+ intro: PropTypes.shape({
+ blurbs: PropTypes.array,
+ }),
+ main: PropTypes.shape({
+ heading: PropTypes.string,
+ description: PropTypes.string,
+ image1: PropTypes.object,
+ image2: PropTypes.object,
+ image3: PropTypes.object,
+ }),
+ testimonials: PropTypes.array,
+ fullImage: PropTypes.string,
+ pricing: PropTypes.shape({
+ heading: PropTypes.string,
+ description: PropTypes.string,
+ plans: PropTypes.array,
+ }),
+}
+
+const ProductPage = ({ data }) => {
const { frontmatter } = data.markdownRemark
return (
@@ -122,6 +147,16 @@ export default ({ data }) => {
)
}
+ProductPage.propTypes = {
+ data: PropTypes.shape({
+ markdownRemark: PropTypes.shape({
+ frontmatter: PropTypes.object,
+ }),
+ }),
+}
+
+export default ProductPage
+
export const productPageQuery = graphql`
query ProductPage($id: String!) {
markdownRemark(id: { eq: $id }) {