Merge pull request #149 from Permissionless-Software-Foundation/dh-update-dependencies

chore(update): Updated gatsby-ipfs-web-wallet dependencies

gatsby-config.js

@@ -13,6 +13,7 @@ const normalConfig = [
   },
   'gatsby-transformer-sharp',
   'gatsby-plugin-sharp',
+  'gatsby-plugin-image',
   {
     resolve: 'gatsby-plugin-manifest',
     options: {
@@ -52,6 +53,7 @@ const ipfsConfig = [
   },
   'gatsby-transformer-sharp',
   'gatsby-plugin-sharp',
+  'gatsby-plugin-image',
   {
     resolve: 'gatsby-plugin-manifest',
     options: {

gatsby-node.js

@@ -1,10 +1,14 @@
 const path = require('path')
 exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
+  // console.log('stage', stage)
+  // console.log('actions', actions)
+  // console.log('getConfig', getConfig)
+
   actions.setWebpackConfig({
-    node: {
-      fs: 'empty'
-    },
     resolve: {
+      fallback: {
+        fs: false
+      },
       alias: {
         react: path.resolve('./node_modules/react'),
         'react-dom': path.resolve('./node_modules/react-dom')
@@ -13,7 +17,7 @@ exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
   })
 
   // Ignore css order
-  if (stage === 'build-javascript') {
+  if (stage === 'build-javascript' || stage === 'develop') {
     const config = getConfig()
     const miniCssExtractPlugin = config.plugins.find(
       plugin => plugin.constructor.name === 'MiniCssExtractPlugin'

package.json

@@ -22,23 +22,23 @@
   "dependencies": {
     "adminlte-2-react": "^0.1.27",
     "copy-to-clipboard": "^3.3.1",
-    "gatsby": "^2.31.1",
-    "gatsby-image": "^2.10.0",
+    "gatsby": "^3.7.2",
+    "gatsby-plugin-image": "^1.7.1",
     "gatsby-plugin-ipfs": "^2.0.2",
-    "gatsby-plugin-manifest": "^2.11.0",
-    "gatsby-plugin-offline": "^3.9.0",
-    "gatsby-plugin-react-helmet": "^3.9.0",
-    "gatsby-plugin-sharp": "^2.14.3",
-    "gatsby-source-filesystem": "^2.11.1",
-    "gatsby-transformer-sharp": "2.12.0",
+    "gatsby-plugin-manifest": "^3.7.1",
+    "gatsby-plugin-offline": "^4.7.1",
+    "gatsby-plugin-react-helmet": "^4.7.1",
+    "gatsby-plugin-sharp": "^3.7.1",
+    "gatsby-source-filesystem": "^3.7.1",
+    "gatsby-transformer-sharp": "3.7.1",
     "prop-types": "^15.7.2",
     "qrcode.react": "^1.0.1",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
-    "react-jdenticon": "0.0.8",
+    "react-jdenticon": "0.0.9",
     "react-qr-reader": "^2.2.1",
-    "react-redux": "^7.2.2"
+    "react-redux": "^7.2.4"
   },
   "devDependencies": {
     "eslint": "^7.18.0",

src/components/image.js

@@ -1,6 +1,7 @@
 import React from 'react'
-import { useStaticQuery, graphql } from 'gatsby'
-import Img from 'gatsby-image'
+// import { useStaticQuery, graphql } from 'gatsby'
+// import Img from 'gatsby-image'
+import { StaticImage } from 'gatsby-plugin-image'
 
 /*
  * This component is built using `gatsby-image` to automatically serve optimized
@@ -14,19 +15,25 @@ import Img from 'gatsby-image'
  */
 
 const Image = () => {
-  const data = useStaticQuery(graphql`
+  /*   const data = useStaticQuery(graphql`
     query {
       placeholderImage: file(relativePath: { eq: "gatsby-astronaut.png" }) {
         childImageSharp {
-          fluid(maxWidth: 300) {
-            ...GatsbyImageSharpFluid
+          fixed {
+            ...GatsbyImageSharpFixed
           }
         }
       }
     }
-  `)
-
-  return <Img fluid={data.placeholderImage.childImageSharp.fluid} />
+  `) */
+  return (
+    <>
+      <StaticImage
+        src='../images/gatsby-astronaut.png'
+        alt='please include an alt'
+      />
+    </>
+  )
 }
 
 export default Image