Add hotjar, upgrade deps

jumpalottahigh · Jul 6, 2019 · 121c3d0 · 121c3d0
1 parent 58201d8
commit 121c3d0
Show file tree

Hide file tree

Showing 4 changed files with 1,547 additions and 964 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -103,7 +103,13 @@ module.exports = {
         trackingId: `UA-43588334-10`,
       },
     },
-    `gatsby-plugin-feed`,
+    {
+      resolve: `gatsby-plugin-hotjar`,
+      options: {
+        id: `1392125`,
+        sv: `6`,
+      },
+    },
     {
       resolve: `gatsby-plugin-manifest`,
       options: {

diff --git a/package.json b/package.json
@@ -1,49 +1,49 @@
 {
   "name": "fpvtips",
   "description": "fpvtips.com",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "author": "Georgi Yanev <georgiyanev.gy@gmail.com>",
   "dependencies": {
-    "@material-ui/core": "^4.0.0",
-    "@material-ui/icons": "^4.0.0",
-    "@material-ui/styles": "^4.0.0",
-    "babel-plugin-styled-components": "^1.10.0",
-    "contentful-management": "^5.7.2",
-    "gatsby": "^2.7.1",
-    "gatsby-image": "^2.1.1",
-    "gatsby-plugin-feed": "^2.2.1",
-    "gatsby-plugin-google-analytics": "^2.0.20",
-    "gatsby-plugin-manifest": "^2.1.1",
-    "gatsby-plugin-material-ui": "^2.0.1",
-    "gatsby-plugin-netlify": "^2.0.17",
-    "gatsby-plugin-offline": "^2.1.1",
-    "gatsby-plugin-react-helmet": "^3.0.12",
-    "gatsby-plugin-sharp": "^2.1.1",
-    "gatsby-plugin-sitemap": "^2.1.0",
-    "gatsby-plugin-styled-components": "3.0.7",
-    "gatsby-remark-copy-linked-files": "^2.0.12",
-    "gatsby-remark-images": "^3.0.12",
-    "gatsby-remark-prismjs": "^3.2.9",
-    "gatsby-remark-responsive-iframe": "^2.1.1",
-    "gatsby-remark-smartypants": "^2.0.9",
-    "gatsby-source-contentful": "^2.0.63",
-    "gatsby-source-filesystem": "^2.0.37",
-    "gatsby-transformer-json": "^2.1.11",
-    "gatsby-transformer-remark": "^2.3.12",
-    "gatsby-transformer-sharp": "^2.1.19",
+    "@material-ui/core": "^4.1.3",
+    "@material-ui/icons": "^4.2.1",
+    "@material-ui/styles": "^4.1.2",
+    "babel-plugin-styled-components": "^1.10.6",
+    "contentful-management": "^5.9.0",
+    "gatsby": "^2.13.6",
+    "gatsby-image": "^2.2.4",
+    "gatsby-plugin-google-analytics": "^2.1.1",
+    "gatsby-plugin-hotjar": "^1.0.1",
+    "gatsby-plugin-manifest": "^2.2.1",
+    "gatsby-plugin-material-ui": "^2.1.4",
+    "gatsby-plugin-netlify": "^2.1.0",
+    "gatsby-plugin-offline": "^2.2.1",
+    "gatsby-plugin-react-helmet": "^3.1.0",
+    "gatsby-plugin-sharp": "^2.2.3",
+    "gatsby-plugin-sitemap": "^2.2.1",
+    "gatsby-plugin-styled-components": "3.1.0",
+    "gatsby-remark-copy-linked-files": "^2.1.0",
+    "gatsby-remark-images": "^3.1.3",
+    "gatsby-remark-prismjs": "^3.3.1",
+    "gatsby-remark-responsive-iframe": "^2.2.1",
+    "gatsby-remark-smartypants": "^2.1.0",
+    "gatsby-source-contentful": "^2.1.8",
+    "gatsby-source-filesystem": "^2.1.2",
+    "gatsby-transformer-json": "^2.2.0",
+    "gatsby-transformer-remark": "^2.6.1",
+    "gatsby-transformer-sharp": "^2.2.1",
     "google-map-react": "^1.1.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-helmet": "^5.2.1",
     "react-icons": "^3.7.0",
     "react-reveal": "^1.2.2",
-    "styled-components": "^4.2.0"
+    "styled-components": "^4.3.2"
   },
   "devDependencies": {
-    "babel-eslint": "^10.0.1",
-    "eslint": "^5.16.0",
-    "eslint-plugin-react": "^7.13.0",
-    "prettier": "^1.17.1"
+    "babel-eslint": "^10.0.2",
+    "eslint": "^6.0.1",
+    "eslint-plugin-react": "^7.14.2",
+    "prettier": "^1.18.2"
   },
   "keywords": [
     "fpvtips"

diff --git a/src/pages/tools.js b/src/pages/tools.js
@@ -1,6 +1,7 @@
 import IconButton from '@material-ui/core/IconButton'
 import * as contentful from 'contentful-management'
 import { graphql } from 'gatsby'
+import Img from 'gatsby-image'
 import React from 'react'
 import Helmet from 'react-helmet'
 import { FaArrowDown, FaArrowUp, FaExternalLinkAlt } from 'react-icons/fa'
@@ -264,11 +265,7 @@ export default class ToolsPage extends React.Component {
               <StyledPaperCard key={node.id}>
                 {node.image ? (
                   <div className="image-container">
-                    <img
-                      src={node.image.fluid.src}
-                      srcSet={node.image.fluid.srcSet}
-                      alt={node.title}
-                    />
+                    <Img fluid={node.image.fluid} alt={node.title} />
                   </div>
                 ) : (
                   <div className="image-container">
@@ -357,13 +354,11 @@ export const toolsPageQuery = graphql`
           description
           link
           author
+          authorSocialLink
           score
           image {
             fluid(maxWidth: 350, quality: 75) {
-              # TODO: figure out how to make this work
-              # ...GatsbyContentfulFluid_withWebp
-              src
-              srcSet
+              ...GatsbyContentfulFluid_withWebp
             }
           }
         }