diff --git a/gatsby/src/pages/404.js b/gatsby/src/pages/404.js index 053ae0e..4d41c72 100644 --- a/gatsby/src/pages/404.js +++ b/gatsby/src/pages/404.js @@ -1,11 +1,11 @@ -import * as React from "react" -import { Link } from "gatsby" +import * as React from 'react' +import { Link } from 'gatsby' // styles const pageStyles = { - color: "#232129", - padding: "96px", - fontFamily: "-apple-system, Roboto, sans-serif, serif", + color: '#232129', + padding: '96px', + fontFamily: '-apple-system, Roboto, sans-serif, serif', } const headingStyles = { marginTop: 0, @@ -17,10 +17,10 @@ const paragraphStyles = { marginBottom: 48, } const codeStyles = { - color: "#8A6534", + color: '#8A6534', padding: 4, - backgroundColor: "#FFF4DB", - fontSize: "1.25rem", + backgroundColor: '#FFF4DB', + fontSize: '1.25rem', borderRadius: 4, } @@ -31,13 +31,13 @@ const NotFoundPage = () => {
- Sorry{" "}
+ Sorry{' '}
😔
- {" "}
+ {' '}
we couldn’t find what you were looking for.
- {process.env.NODE_ENV === "development" ? (
+ {process.env.NODE_ENV === 'development' ? (
<>
Try creating a page in src/pages/
.
diff --git a/gatsby/src/pages/index.js b/gatsby/src/pages/index.js
index 3529618..358afb8 100644
--- a/gatsby/src/pages/index.js
+++ b/gatsby/src/pages/index.js
@@ -1,10 +1,10 @@
-import * as React from "react"
+import * as React from 'react'
import { graphql } from 'gatsby'
-import { GatsbyImage, getImage } from "gatsby-plugin-image"
+import { GatsbyImage, getImage } from 'gatsby-plugin-image'
// markup
const IndexPage = ({ data }) => {
- const images = React.useMemo(() => data.allFile.edges.map(edge => edge.node, [data]))
+ const images = React.useMemo(() => data.allFile.edges.map(edge => edge.node), [data])
console.log('images', images)
return (