{"version":3,"file":"component---src-pages-bytes-js-eeb8bfce997c7358939c.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Byte/index.js","webpack://gatsby-starter-default/./src/components/Header/index.js","webpack://gatsby-starter-default/./src/components/Layout/index.js","webpack://gatsby-starter-default/./src/hooks/useBytes.js","webpack://gatsby-starter-default/./src/pages/bytes.js"],"sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Byte = ({\n  title,\n  author,\n  image,\n  excerpt,\n  purchaseLink,\n  pub,\n  related,\n}) => {\n  let renderImage\n  if (image != null) {\n    renderImage = (\n      <div\n        className=\"byte-image post-image animate-scanline\"\n        style={{ float: `left`, width: `200px` }}\n      >\n        <img src={image} alt={title} />\n        <div className=\"fade\">\n          <div className=\"green\"></div>\n        </div>\n      </div>\n    )\n  } else {\n    renderImage = \"\"\n  }\n\n  let relatedLink\n  if (related != null) {\n    let uri = `/blog${related.uri}`\n    relatedLink = (\n      <div className=\"related-link\">\n        <h4 style={{ marginBottom: `0` }}>Related Article:</h4>{\" \"}\n        <Link to={uri}> &gt; {related.title}</Link>\n      </div>\n    )\n  } else {\n    relatedLink = null\n  }\n\n  let purchaseBookLink\n  if (purchaseLink != null) {\n    purchaseBookLink = (\n      <a href={purchaseLink} target=\"_blank\" className=\"button purchase\">\n        Purchase this book\n      </a>\n    )\n  } else {\n    purchaseBookLink = null\n  }\n\n  return (\n    <div className=\"post-byte\">\n      {renderImage}\n      <h3 style={{ marginBottom: 0 }}>{title}</h3>\n      <div className=\"post-byte-content\" style={{ position: `relative` }}>\n        <div>\n          by {author}, pub. {pub}\n        </div>\n        <div dangerouslySetInnerHTML={{ __html: excerpt }}></div>\n        {relatedLink}\n        {purchaseBookLink}\n      </div>\n    </div>\n  )\n}\n\nexport default Byte\n","import React, { useState } from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Link } from \"gatsby\"\n\nimport MenuIcon from \"../MenuIcon\"\nimport \"./header.scss\"\n\nconst Header = ({ siteTitle }) => {\n  const [menuOpen, setMenuOpen] = useState(false)\n\n  const handleOverlayMenu = () => setMenuOpen(prev => !prev)\n\n  return (\n    <header\n      style={{\n        display: `flex`,\n      }}\n    >\n      <div className=\"header-child\" style={{ visibility: `hidden` }}>\n        search\n      </div>\n      <div id=\"site-title\" className=\"header-child\">\n        <Link to=\"/\">{siteTitle}</Link>\n      </div>\n      <div\n        className=\"header-child\"\n        style={{\n          textAlign: `right`,\n        }}\n      >\n        <div style={{ visibility: `hidden` }}></div>\n      </div>\n    </header>\n  )\n}\n\nHeader.propTypes = {\n  siteTitle: PropTypes.string,\n}\n\nHeader.defaultProps = {\n  siteTitle: ``,\n}\n\nexport default Header\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.com/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Header from \"../Header\"\n\nimport \"./default-styles.scss\"\nimport \"./custom-styles.scss\"\nimport \"../../styles/styles.scss\"\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <Header siteTitle={data.site.siteMetadata?.title || `Title`} />\n      <div>\n        <main>{children}</main>\n        <footer\n          style={{\n            marginTop: `2rem`,\n          }}\n        >\n          &copy; {new Date().getFullYear()}{\" \"}\n          <a href=\"http://sailorven.us\">sailorven.us</a>\n        </footer>\n      </div>\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import { useStaticQuery, graphql } from \"gatsby\"\n\nexport const useBytes = () => {\n  const data = useStaticQuery(graphql`\n    query BytesQuery {\n      allWpPost(\n        filter: {\n          categories: { nodes: { elemMatch: { slug: { eq: \"bytes\" } } } }\n        }\n        sort: { order: DESC, fields: date }\n      ) {\n        edges {\n          node {\n            title\n            content\n            bytesFields {\n              bytesBookAuthor\n              bytesDate\n              bytesPurchaseLink\n              bytesRelatedArticle {\n                ... on WpPost {\n                  id\n                  title\n                  uri\n                }\n              }\n            }\n          }\n        }\n        totalCount\n      }\n    }\n  `)\n\n  return data\n}\n","import React from \"react\"\n\nimport { useBytes } from \"../hooks/useBytes\"\nimport Byte from \"../components/Byte\"\nimport Layout from \"../components/Layout\"\n\nconst BytesPage = () => {\n  const bytes = useBytes()\n\n  const totalBytes = bytes.allWpPost.totalCount\n\n  return (\n    <Layout>\n      <div style={{ textAlign: `center` }}>\n        <pre\n          style={{ display: `inline-block`, marginBottom: `0` }}\n        >{`     __          __           \n    / /_  __  __/ /____  _____\n   / __ \\\\/ / / / __/ _ \\\\/ ___/\n  / /_/ / /_/ / /_/  __(__  ) \n /_.___/\\\\__, /\\\\__/\\\\___/____/  \n       /____/                 `}</pre>\n      </div>\n      <p style={{ textAlign: `center`, marginBottom: `2em` }}>\n        BYTES are micro-reviews of our recommended books.\n      </p>\n      <div className=\"bytes-page\">\n        {new Array(totalBytes).fill(\"\").map((element, i) => (\n          <Byte\n            key={i}\n            title={bytes.allWpPost.edges[`${i}`].node.title}\n            author={\n              bytes.allWpPost.edges[`${i}`].node.bytesFields.bytesBookAuthor\n            }\n            excerpt={bytes.allWpPost.edges[`${i}`].node.content}\n            pub={bytes.allWpPost.edges[`${i}`].node.bytesFields.bytesDate}\n            purchaseLink={\n              bytes.allWpPost.edges[`${i}`].node.bytesFields.bytesPurchaseLink\n            }\n            related={\n              bytes.allWpPost.edges[`${i}`].node.bytesFields.bytesRelatedArticle\n            }\n          />\n        ))}\n      </div>\n    </Layout>\n  )\n}\n\nexport default BytesPage\n"],"names":["renderImage","relatedLink","purchaseBookLink","title","author","image","excerpt","purchaseLink","pub","related","className","style","float","width","src","alt","uri","marginBottom","Link","to","href","target","position","dangerouslySetInnerHTML","__html","Header","siteTitle","useState","display","visibility","id","textAlign","defaultProps","children","data","useStaticQuery","site","siteMetadata","marginTop","Date","getFullYear","useBytes","bytes","totalBytes","allWpPost","totalCount","Array","fill","map","element","i","key","edges","node","bytesFields","bytesBookAuthor","content","bytesDate","bytesPurchaseLink","bytesRelatedArticle"],"sourceRoot":""}