From bb446884742a614306aea81c6cd12885dbccbb1f Mon Sep 17 00:00:00 2001 From: Morgan Baker Date: Fri, 28 Aug 2020 23:24:25 +0100 Subject: [PATCH 1/2] Added share icon component --- gatsby-node.js | 2 +- src/components/Blog/blog-item.js | 9 +---- src/components/Share/share-container.js | 41 +++++++++++++++++++++ src/components/Share/share-icon.js | 12 ++++++ src/content/etiam-congue-orci-vel.md | 10 ++++- src/content/images/dark-sky.jpg | Bin 0 -> 516483 bytes src/content/images/dog.jpg | Bin 0 -> 249287 bytes src/content/images/trees.jpg | Bin 0 -> 392299 bytes src/content/standard-content.md | 8 ++-- src/content/tesla.md | 16 +++++--- src/scss/_content.scss | 2 +- src/templates/post.js | 47 +++++++----------------- 12 files changed, 92 insertions(+), 55 deletions(-) create mode 100644 src/components/Share/share-container.js create mode 100644 src/components/Share/share-icon.js create mode 100644 src/content/images/dark-sky.jpg create mode 100644 src/content/images/dog.jpg create mode 100644 src/content/images/trees.jpg diff --git a/gatsby-node.js b/gatsby-node.js index 414e7bc..ab5c6e0 100644 --- a/gatsby-node.js +++ b/gatsby-node.js @@ -75,7 +75,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => { // Create blog list pages const posts = result.data.allMarkdownRemark.edges - const postsPerPage = 1 // Change for number posts to display per page + const postsPerPage = 10 // Change for number posts to display per page const numPages = Math.ceil(posts.length / postsPerPage) Array.from({ length: numPages }).forEach((_, i) => { createPage({ diff --git a/src/components/Blog/blog-item.js b/src/components/Blog/blog-item.js index c4e6c86..73a6cfe 100644 --- a/src/components/Blog/blog-item.js +++ b/src/components/Blog/blog-item.js @@ -87,7 +87,7 @@ const BlogContent = styled.div` } ` -const BlogList = ({ key, fluid, title, excerpt, path, date, alt, tag }) => { +const BlogList = ({ key, fluid, title, excerpt, path, date, alt }) => { return ( @@ -109,13 +109,6 @@ const BlogList = ({ key, fluid, title, excerpt, path, date, alt, tag }) => {