{"version":3,"sources":["webpack://gatsby-starter-wordpress-blog/./src/components/social.js","webpack://gatsby-starter-wordpress-blog/./src/templates/blog-post.js"],"names":["library","fab","props","siteUrl","useSiteMetadata","className","href","post","slug","target","rel","aria-label","icon","fas","data","previous","next","allPosts","featuredImage","fluid","node","localFile","childImageSharp","alt","posts","date","title","description","excerpt","Row","Card","itemProp","parse","categories","nodes","map","category","index","Link","key","to","Badge","pill","variant","name","content","isSinglePage","style","marginTop","uri"],"mappings":"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","file":"component---src-templates-blog-post-js-1aa427515d1ebcca1c46.js","sourcesContent":["import React from 'react'\nimport { useSiteMetadata } from \"../hooks/use-site-metadata\"\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { fab } from '@fortawesome/free-brands-svg-icons'\nimport { library } from \"@fortawesome/fontawesome-svg-core\"\n\n\nlibrary.add(fab)\n\nconst Social = (props) => {\n    const { siteUrl } = useSiteMetadata()\n    return (\n        \n        <div className=\"social\">\n            <ul>\n                <li>\n                    <a href={`https://www.facebook.com/sharer/sharer.php?u=${siteUrl}/${props.post.slug}`} target=\"_blank\" rel=\"noreferrer\" ><FontAwesomeIcon aria-label=\"facebook\" icon={[\"fab\", \"facebook-f\"]} /></a>\n                </li>\n                <li>\n                    <a href={`http://www.twitter.com/share?url=${siteUrl}/${props.post.slug}`} target=\"_blank\" rel=\"noreferrer\" ><FontAwesomeIcon aria-label=\"twitter\" icon={[\"fab\", \"twitter\"]} /></a>\n                </li>\n                <li>\n                    <a href={`https://www.linkedin.com/sharing/share-offsite/?url=${siteUrl}/${props.post.slug}`} target=\"_blank\" rel=\"noreferrer\" ><FontAwesomeIcon aria-label=\"linkedin\" icon={[\"fab\", \"linkedin-in\"]} /></a>\n                </li>\n            </ul>\n        </div>\n    )\n}\n\nexport default Social","import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport Image from \"gatsby-image\"\nimport parse from \"html-react-parser\"\nimport { Badge, Row, Card } from 'react-bootstrap'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { fas } from '@fortawesome/free-solid-svg-icons'\nimport { library } from \"@fortawesome/fontawesome-svg-core\"\n\n\n\n// We're using Gutenberg so we need the block styles\n// these are copied into this project due to a conflict in the postCSS\n// version used by the Gatsby and @wordpress packages that causes build\n// failures.\n// @todo update this once @wordpress upgrades their postcss version\nimport \"../css/@wordpress/block-library/build-style/style.css\"\nimport \"../css/@wordpress/block-library/build-style/theme.css\"\n\n//import Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Social from \"../components/social\"\nimport Sidebar from \"../components/sidebar\"\n\nlibrary.add(fas)\n\nconst BlogPostTemplate = ({ data: { previous, next, post, allPosts } }) => {\n  const featuredImage = {\n    fluid: post.featuredImage?.node?.localFile?.childImageSharp?.fluid,\n    alt: post.featuredImage?.node?.alt || ``,\n  }\n  \n  return (\n    <Layout posts={post.date}>\n      <Seo title={post.title} description={post.excerpt} />\n     \n      <Row>\n        <div className=\"col-lg-8\">\n          <Card className=\"border-0\">\n            {/* if we have a featured image for this post let's display it */}\n            {featuredImage?.fluid && (\n              <Image className=\"featuredimg\"\n                fluid={featuredImage.fluid}\n                alt={featuredImage.alt}\n              />\n            )}\n            <Card.Body className=\"px-0\">\n              <div><small>{post.date}</small></div>\n              <h4 itemProp=\"headline\">{parse(post.title)}</h4>\n              {post.categories.nodes !== null ? post.categories.nodes.map((category, index) => (\n                <Link key={index} to={`/category/${category.slug}/`}><Badge pill variant=\"secondary\" >{category.name}</Badge></Link>\n              )) : \"\"}\n\n              {!!post.content && (\n                <section>\n                  {!!post.excerpt &&(\n                    <div className=\"blog-info excerpt-info\" itemProp=\"articleExcerpt\">{parse(post.excerpt)}</div>\n                  )}\n                  <Social post={post} />\n                  <div className=\"blog-info\" itemProp=\"articleBody\">{parse(post.content)}</div>\n                </section>\n              )}\n            </Card.Body>\n          </Card>\n        </div>\n\n        <div className=\"col-lg-4\">\n          <Sidebar isSinglePage posts={allPosts}/>\n        </div>\n      </Row>\n\n      <nav className=\"blog-post-nav\">\n        <div className=\"row\"\n          style={{\n            marginTop:20,\n          }}\n        >\n          <div className=\"col-lg-6 col-md-6 col-6\">\n            {previous && (\n              <h5 className=\"singlepostbtext mb-2\"><span className=\"mr-3\"><FontAwesomeIcon aria-label=\"arrow-left\" icon={[\"fas\", \"arrow-left\"]} /></span> PREV POST</h5>\n            )}\n            {previous && (\n              <h6 className=\"sbt\"><Link to={previous.uri} rel=\"prev\">\n                 {parse(previous.title)}\n              </Link></h6>\n            )}\n          </div>\n\n          <div className=\"col-lg-6 col-md-6 col-6 text-right\">\n            {next && (\n              <h5 className=\"singlepostbtext mb-2\">NEXT POST <span className=\"ml-3\"><FontAwesomeIcon aria-label=\"arrow-right\" icon={[\"fas\", \"arrow-right\"]} /></span></h5>\n            )}\n            {next && (\n              <h6 className=\"sbt\"><Link to={next.uri} rel=\"next\">\n                {parse(next.title)} \n              </Link></h6>\n            )}\n          </div>\n        </div>\n      </nav>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostById(\n    # these variables are passed in via createPage.pageContext in gatsby-node.js\n    $id: String!\n    $previousPostId: String\n    $nextPostId: String\n  ) {\n    # selecting the current post by id\n    post: wpPost(id: { eq: $id }) {\n      id\n      excerpt\n      content\n      title\n      date(formatString: \"MMMM DD, YYYY\")\n      slug\n      categories {\n        nodes {\n          id\n          slug\n          name\n        }\n      }\n\n      featuredImage {\n        node {\n          altText\n          localFile {\n            childImageSharp {\n              fluid(maxWidth: 1000, quality: 100) {\n                ...GatsbyImageSharpFluid_tracedSVG\n              }\n            }\n          }\n        }\n      }\n    }\n\n    # this gets us the previous post by id (if it exists)\n    previous: wpPost(id: { eq: $previousPostId }) {\n      uri\n      title\n    }\n\n    # this gets us the next post by id (if it exists)\n    next: wpPost(id: { eq: $nextPostId }) {\n      uri\n      title\n    }\n\n    # this gets all the post except current post\n    allPosts: allWpPost(\n      filter: {categories: {nodes: {elemMatch: {name: {nin: \"Uncategorized\"}}}}, id: {ne: $id}}\n      sort: { fields: [date], order: DESC }\n      limit: 4\n    ) {\n      edges {\n        node {\n          id\n          excerpt\n          content\n          title\n          date(formatString: \"MMMM DD, YYYY\")\n          slug\n          categories {\n            nodes {\n              slug\n              name\n            }\n          }\n          featuredImage {\n            node {\n              altText\n              localFile {\n                childImageSharp {\n                  fluid(maxWidth: 1000, quality: 100) {\n                    ...GatsbyImageSharpFluid_tracedSVG\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}