Merge branch 'stage' into add-op-return-to-badger

Author: Gabriel Cardona

package.json

@@ -1,37 +1,37 @@
 {
   "name": "developer.bitcoin.com",
   "description": "Bitcoin.com developer resources and documentation",
-  "version": "3.2.5",
+  "version": "3.2.6",
   "author": "Peter <peter@bitcoin.com> and Gabriel Cardona <gabriel@bitcoin.com>",
   "dependencies": {
     "badger-components-react": "^0.1.3",
-    "gatsby": "^2.0.50",
-    "gatsby-image": "^2.0.20",
+    "gatsby": "^2.0.118",
+    "gatsby-image": "^2.0.29",
     "gatsby-plugin-flow": "^1.0.2",
-    "gatsby-plugin-google-tagmanager": "^2.0.6",
-    "gatsby-plugin-manifest": "^2.0.9",
-    "gatsby-plugin-offline": "^2.0.15",
-    "gatsby-plugin-react-helmet": "^3.0.2",
-    "gatsby-plugin-robots-txt": "^1.3.0",
-    "gatsby-plugin-sharp": "^2.0.12",
-    "gatsby-plugin-sitemap": "^2.0.2",
-    "gatsby-plugin-styled-components": "^3.0.2",
-    "gatsby-remark-autolink-headers": "^2.0.11",
+    "gatsby-plugin-google-tagmanager": "^2.0.9",
+    "gatsby-plugin-manifest": "^2.0.17",
+    "gatsby-plugin-offline": "^2.0.23",
+    "gatsby-plugin-react-helmet": "^3.0.6",
+    "gatsby-plugin-robots-txt": "^1.4.0",
+    "gatsby-plugin-sharp": "^2.0.20",
+    "gatsby-plugin-sitemap": "^2.0.5",
+    "gatsby-plugin-styled-components": "^3.0.5",
+    "gatsby-remark-autolink-headers": "^2.0.14",
     "gatsby-remark-component": "^1.1.3",
-    "gatsby-remark-copy-linked-files": "^2.0.6",
-    "gatsby-remark-images": "^2.0.6",
-    "gatsby-source-filesystem": "^2.0.8",
-    "gatsby-transformer-remark": "^2.1.12",
-    "gatsby-transformer-sharp": "^2.1.8",
+    "gatsby-remark-copy-linked-files": "^2.0.9",
+    "gatsby-remark-images": "^3.0.3",
+    "gatsby-source-filesystem": "^2.0.20",
+    "gatsby-transformer-remark": "^2.2.4",
+    "gatsby-transformer-sharp": "^2.1.13",
     "isomorphic-fetch": "^2.2.1",
-    "react": "^16.6.3",
-    "react-dom": "^16.6.3",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1",
     "react-helmet": "^5.2.0",
-    "react-icons": "^3.2.2",
-    "react-syntax-highlighter": "^10.0.1",
+    "react-icons": "^3.3.0",
+    "react-syntax-highlighter": "^10.1.2",
     "recompose": "^0.30.0",
-    "rehype-react": "^3.0.3",
-    "styled-components": "^4.1.1"
+    "rehype-react": "^3.1.0",
+    "styled-components": "^4.1.3"
   },
   "keywords": [
     "gatsby",
@@ -51,10 +51,10 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {
-    "babel-plugin-styled-components": "^1.8.0",
-    "husky": "^1.1.4",
-    "prettier": "^1.15.2",
-    "pretty-quick": "^1.8.0"
+    "babel-plugin-styled-components": "^1.10.0",
+    "husky": "^1.3.1",
+    "prettier": "^1.16.4",
+    "pretty-quick": "^1.10.0"
   },
   "repository": {
     "type": "git",

src/atoms/StyledLink.js

@@ -16,15 +16,17 @@ const StyledLink = styled(Link)`
     color: ${props => props.theme.primary600};
   }
 `
-const StyledA = props => <StyledLink as="a" {...props} />
 
 type Props = {
   children: React.Node,
   text?: string,
   to: string,
   href?: string,
+  subtle?: ?boolean,
 }
 
+const StyledA = (props: Props) => <StyledLink as="a" {...props} />
+
 class SmartLink extends React.PureComponent<Props> {
   render() {
     const { children, text, ...rest } = this.props
@@ -33,8 +35,9 @@ class SmartLink extends React.PureComponent<Props> {
     const patternInternal = /^\/(?!\/)/
     const patternStaticAsset = /\/static\//g
 
-    const internal = patternInternal.test(to) || patternInternal.test(href)
-    const isAsset = patternStaticAsset.test(href)
+    const internal =
+      patternInternal.test(to) || patternInternal.test(href || '')
+    const isAsset = patternStaticAsset.test(href || '')
 
     if (isAsset || !internal) {
       return (

src/components/NavBar.js

@@ -73,20 +73,20 @@ class NavBar extends React.PureComponent<Props> {
       <Main>
         <Container>
           <NavLayout>
-            <NavItem monospace to="/" isActive={homeActive}>
+            <NavItem monospace="true" to="/" isActive={homeActive}>
               Home
             </NavItem>
-            <NavItem monospace to="/learn" isActive={learnActive}>
+            <NavItem monospace="true" to="/learn" isActive={learnActive}>
               Learn
             </NavItem>
             <NavItem
-              monospace
+              monospace="true"
               to="/develop"
               isActive={developActive && !learnActive}
             >
               Develop
             </NavItem>
-            <NavItem monospace to="/about" isActive={aboutActive}>
+            <NavItem monospace="true" to="/about" isActive={aboutActive}>
               About
             </NavItem>
           </NavLayout>

src/components/layouts/DefaultLayout.js

@@ -45,7 +45,7 @@ const DefaultLayout = ({ children, location }: Props) => (
             'BITBOX based bitcoin.com developer platform and resources'
           }
           keywords={
-            'bitbox, developer tools, bitcoin, bitcoin cash, BCH, sdk, api'
+            'bitbox, developer tools, bitcoin, bitcoin cash, BCH, sdk, api, slp, development tools'
           }
           location={location}
           image={Favicon}

src/components/layouts/base.css

@@ -5,12 +5,14 @@ html {
   font-weight: 400;
   font-size: 16px;
   font-size-adjust: 0.5;
+  height: auto !important;
 }
 
 body {
   margin: 0;
   position: relative;
   color: #151b1e;
+  height: auto !important;
 }
 
 h1,