package updates

* closes #308

.eslintrc

@@ -11,5 +11,10 @@
     "rules": {
         "prettier/prettier": "error"
     },
-    "env": { "browser": true }
+    "env": { "browser": true },
+    "settings": {
+        "react": {
+            "version": "16.8"
+        }
+    }
 }

content/concepts/testnets.md

@@ -39,7 +39,7 @@ There is a Nile blockchain explorer at [https://submarine.dev-ocean.com/](https:
 There are several Ocean Protocol software components that are live, connected to the Nile Testnet, and operated by BigchainDB GmbH:
 
 | Component              | URL                                          |
-| ---------------------- | ------------------------------------------------- |
+| ---------------------- | -------------------------------------------- |
 | Node                   | `https://nile.dev-ocean.com`                 |
 | Secret Store           | `https://secret-store.nile.dev-ocean.com`    |
 | Aquarius Test instance | `https://aquarius.nile.dev-ocean.com`        |

package.json

@@ -25,14 +25,14 @@
     "@oceanprotocol/art": "^2.2.0",
     "axios": "^0.19.0",
     "classnames": "^2.2.6",
-    "gatsby": "^2.13.67",
+    "gatsby": "^2.13.70",
-    "gatsby-image": "^2.2.8",
+    "gatsby-image": "^2.2.9",
     "gatsby-plugin-catch-links": "^2.1.3",
     "gatsby-plugin-google-analytics": "^2.1.7",
     "gatsby-plugin-manifest": "^2.2.5",
     "gatsby-plugin-offline": "^2.2.6",
     "gatsby-plugin-react-helmet": "^3.1.3",
-    "gatsby-plugin-sass": "^2.1.8",
+    "gatsby-plugin-sass": "^2.1.9",
     "gatsby-plugin-sharp": "^2.2.12",
     "gatsby-plugin-sitemap": "^2.2.6",
     "gatsby-plugin-svgr": "^2.0.2",
@@ -70,8 +70,8 @@
     "@svgr/webpack": "^4.3.2",
     "dotenv": "^8.1.0",
     "eslint": "^6.2.0",
-    "eslint-config-oceanprotocol": "^1.4.0",
+    "eslint-config-oceanprotocol": "^1.5.0",
-    "eslint-config-prettier": "^6.0.0",
+    "eslint-config-prettier": "^6.1.0",
     "eslint-plugin-prettier": "^3.1.0",
     "markdownlint-cli": "^0.18.0",
     "node-sass": "^4.12.0",

src/components/Header.jsx

@@ -33,7 +33,7 @@ const Header = () => (
             return (
                 <header className={styles.header}>
                     <div className={styles.headerContent}>
-                        <Link to={'/'} className={styles.headerLogo}>
+                        <Link to="/" className={styles.headerLogo}>
                             <Logo className={styles.headerLogoImage} />
                             <h1 className={styles.headerTitle}>{siteTitle}</h1>
                         </Link>

src/components/QuickRun.jsx

@@ -36,7 +36,7 @@ const QuickRun = () => (
                         }}
                     />
 
-                    <Repository name={'barge'} />
+                    <Repository name="barge" />
                 </div>
             </aside>
         )}

src/components/Seo.jsx

@@ -124,7 +124,7 @@ MetaTags.propTypes = {
     location: PropTypes.object.isRequired
 }
 
-const SEO = ({ title, description, slug, article, location }) => (
+const Seo = ({ title, description, slug, article, location }) => (
     <StaticQuery
         query={query}
         render={data => {
@@ -163,7 +163,7 @@ const SEO = ({ title, description, slug, article, location }) => (
     />
 )
 
-SEO.propTypes = {
+Seo.propTypes = {
     title: PropTypes.string,
     description: PropTypes.string,
     slug: PropTypes.string,
@@ -171,4 +171,4 @@ SEO.propTypes = {
     location: PropTypes.object.isRequired
 }
 
-export default SEO
+export default Seo

src/pages/404.jsx

@@ -6,7 +6,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Link } from 'gatsby'
 import giphyAPI from 'giphy-js-sdk-core'
-import SEO from '../components/Seo'
+import Seo from '../components/Seo'
 import Layout from '../components/Layout'
 import Content from '../components/Content'
 import styles from './404.module.scss'
@@ -45,7 +45,7 @@ export default class NotFoundPage extends Component {
     render() {
         return (
             <>
-                <SEO location={this.props.location} title="404 - Not Found" />
+                <Seo location={this.props.location} title="404 - Not Found" />
                 <Layout location={this.props.location}>
                     <Content>
                         <article className={styles.content}>
@@ -53,8 +53,8 @@ export default class NotFoundPage extends Component {
                             <p>
                                 You just hit a route that doesn&#39;t exist...
                                 the sadness. Check your url,{' '}
-                                <Link to={'/'}>go back to the homepage</Link>,
+                                <Link to="/">go back to the homepage</Link>, or
-                                or check out some <em>{tag}</em> gifs, entirely
+                                check out some <em>{tag}</em> gifs, entirely
                                 your choice.
                             </p>
 

src/pages/index.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
 import classnames from 'classnames'
-import SEO from '../components/Seo'
+import Seo from '../components/Seo'
 import Layout from '../components/Layout'
 import Content from '../components/Content'
 import HeaderHome from '../components/HeaderHome'
@@ -56,7 +56,7 @@ SectionLink.propTypes = {
 
 const IndexPage = ({ data, location }) => (
     <>
-        <SEO location={location} />
+        <Seo location={location} />
 
         <Layout location={location} header={<HeaderHome />}>
             <Content>

src/templates/Doc.jsx

@@ -10,7 +10,7 @@ import DocToc from '../components/DocToc'
 import DocContent from '../components/DocContent'
 import DocHeader from '../components/DocHeader'
 import DocFooter from '../components/DocFooter'
-import SEO from '../components/Seo'
+import Seo from '../components/Seo'
 import styles from './Doc.module.scss'
 
 const DocMain = ({ title, description, tableOfContents, post, single }) => (
@@ -65,7 +65,7 @@ export default class DocTemplate extends Component {
                     <body className={section} />
                 </Helmet>
 
-                <SEO
+                <Seo
                     title={title}
                     description={description}
                     slug={slug}

src/templates/Swagger/Paths.jsx

@@ -28,7 +28,7 @@ const ParameterExample = ({ properties }) => (
                 Object.keys(properties).map(key => (
                     <div key={key}>
                         <span className="token property">{`  "${key}"`}</span>
-                        <span className="token operator">{`: `}</span>
+                        <span className="token operator">: </span>
                         {properties[key].type === 'string' && (
                             <span className="token string">{`"${properties[key].example}"`}</span>
                         )}

src/templates/Swagger/index.jsx

@@ -9,7 +9,7 @@ import HeaderSection from '../../components/HeaderSection'
 import Sidebar from '../../components/Sidebar'
 import DocHeader from '../../components/DocHeader'
 import DocFooter from '../../components/DocFooter'
-import SEO from '../../components/Seo'
+import Seo from '../../components/Seo'
 
 import Toc from './Toc'
 import Paths from './Paths'
@@ -76,10 +76,10 @@ export default class ApiSwaggerTemplate extends Component {
         return (
             <>
                 <Helmet>
-                    <body className={'references'} />
+                    <body className="references" />
                 </Helmet>
 
-                <SEO
+                <Seo
                     title={title}
                     description={description}
                     slug={pageContext.slug}
@@ -95,7 +95,7 @@ export default class ApiSwaggerTemplate extends Component {
                             <aside className={stylesDoc.sidebar}>
                                 <Sidebar
                                     location={location}
-                                    sidebar={'references'}
+                                    sidebar="references"
                                     collapsed
                                     toc
                                     tocComponent={<Toc data={api} />}

src/templates/Typedoc/index.jsx

@@ -7,7 +7,7 @@ import Content from '../../components/Content'
 import HeaderSection from '../../components/HeaderSection'
 import Sidebar from '../../components/Sidebar'
 import DocHeader from '../../components/DocHeader'
-import SEO from '../../components/Seo'
+import Seo from '../../components/Seo'
 import { cleanTypedocData } from './utils'
 
 import Entities from './Entities'
@@ -44,10 +44,10 @@ export default class TypedocTemplate extends Component {
         return (
             <>
                 <Helmet>
-                    <body className={'references'} />
+                    <body className="references" />
                 </Helmet>
 
-                <SEO
+                <Seo
                     title={title}
                     description={description}
                     slug={pageContext.slug}
@@ -63,7 +63,7 @@ export default class TypedocTemplate extends Component {
                             <aside className={stylesDoc.sidebar}>
                                 <Sidebar
                                     location={location}
-                                    sidebar={'references'}
+                                    sidebar="references"
                                     collapsed
                                     toc
                                     tocComponent={