{"version":3,"sources":["webpack:///./src/components/typography.module.css","webpack:///./src/containers/layout.js","webpack:///./src/components/blog-post-preview.module.css","webpack:///./src/components/graphql-error-list.js","webpack:///./src/components/blog-post-preview-grid.module.css","webpack:///./src/components/blog-post-preview.js","webpack:///./src/components/blog-post-preview-grid.js","webpack:///./src/pages/blog.js"],"names":["module","exports","LayoutContainer","props","showNav","setShowNav","useState","handleShowNav","handleHideNav","saveTrackingCode","saveReferralCode","React","createElement","StaticQuery","query","render","data","site","Error","Layout","Object","assign","siteTitle","title","onHideNav","onShowNav","GraphQLErrorList","_ref","errors","map","error","key","message","BlogPostPreview","Link","className","isInList","styles","inList","inGrid","to","slug","current","leadMediaThumb","mainImage","asset","src","imageUrlFor","buildImageObj","width","height","Math","floor","auto","url","alt","text","cn","responsiveTitle3","date","format","publishedAt","BlogPostPreviewGrid","root","headline","grid","nodes","node","id","isInGrid","browseMoreHref","browseMoreNav","defaultProps","BlogPage","postNodes","posts","mapEdgesToNodes","SEO","Container","responsiveTitle1","length"],"mappings":"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","file":"component---src-pages-blog-js-c72a645e4093b57531e9.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"title1\":\"typography-module--title1--1Tbmt\",\"title2\":\"typography-module--title2--1dRzz\",\"title3\":\"typography-module--title3--SXwAK\",\"large\":\"typography-module--large--3gzPR\",\"base\":\"typography-module--base--3b7o6\",\"small\":\"typography-module--small--wmXt7\",\"micro\":\"typography-module--micro--1FA3w\",\"paragraph\":\"typography-module--paragraph--IWJKu\",\"H2\":\"typography-module--H2--29jSm\",\"H3\":\"typography-module--H3--3DVMn\",\"P1\":\"typography-module--P1--rR0RH\",\"P2\":\"typography-module--P2--32cQT\",\"blockQuote\":\"typography-module--blockQuote--3DNXC\",\"responsiveTitle1\":\"typography-module--responsiveTitle1--1tLTC\",\"responsiveTitle2\":\"typography-module--responsiveTitle2--1Uzed\",\"responsiveTitle3\":\"typography-module--responsiveTitle3--3gljT\",\"responsiveTitle4\":\"typography-module--responsiveTitle4--ekdC4\"};","import {graphql, StaticQuery} from 'gatsby'\nimport React, {useState} from 'react'\nimport Layout from '../components/layout'\nimport { saveReferralCode, saveTrackingCode } from '../lib/helpers';\n\nconst query = graphql`\n  query SiteTitleQuery {\n    site: sanitySiteSettings(_id: {regex: \"/(drafts.|)siteSettings/\"}) {\n      title\n    }\n  }\n`\n\nfunction LayoutContainer (props) {\n  const [showNav, setShowNav] = useState(false)\n\n  saveTrackingCode();\n  saveReferralCode();\n\n  function handleShowNav () {\n    setShowNav(true)\n  }\n  function handleHideNav () {\n    setShowNav(false)\n  }\n  return (\n    <StaticQuery\n      query={query}\n      render={data => {\n        if (!data.site) {\n          throw new Error(\n            'Missing \"Site settings\". Open the Studio at http://localhost:3333 and some content in \"Site settings\"'\n          )\n        }\n        return (\n          <Layout\n            {...props}\n            showNav={showNav}\n            siteTitle={data.site.title}\n            onHideNav={handleHideNav}\n            onShowNav={handleShowNav}\n          />\n        )\n      }}\n    />\n  )\n}\n\nexport default LayoutContainer\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"blog-post-preview-module--root--3atzz\",\"inList\":\"blog-post-preview-module--inList--3aHje blog-post-preview-module--root--3atzz\",\"inGrid\":\"blog-post-preview-module--inGrid--2H2i0 blog-post-preview-module--root--3atzz\",\"leadMediaThumb\":\"blog-post-preview-module--leadMediaThumb--10e8T\",\"text\":\"blog-post-preview-module--text--283BT\",\"title\":\"blog-post-preview-module--title--35-HT\",\"excerpt\":\"blog-post-preview-module--excerpt--2MJ55\",\"date\":\"blog-post-preview-module--date--1QZQ0\"};","import React from 'react'\n\nconst GraphQLErrorList = ({errors}) => (\n  <div>\n    <h1>GraphQL Error</h1>\n    {errors.map(error => (\n      <pre key={error.message}>{error.message}</pre>\n    ))}\n  </div>\n)\n\nexport default GraphQLErrorList\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"blog-post-preview-grid-module--root--3vhkg\",\"headline\":\"blog-post-preview-grid-module--headline--3E2Zn\",\"grid\":\"blog-post-preview-grid-module--grid--2Cso-\",\"browseMoreNav\":\"blog-post-preview-grid-module--browseMoreNav--2FWHw typography-module--small--wmXt7\"};","import {format} from 'date-fns'\nimport {Link} from 'gatsby'\nimport React from 'react'\nimport {buildImageObj, cn, getBlogUrl} from '../lib/helpers'\nimport {imageUrlFor} from '../lib/image-url'\nimport PortableText from './portableText'\n\nimport styles from './blog-post-preview.module.css'\nimport {responsiveTitle3} from './typography.module.css'\n\nfunction BlogPostPreview (props) {\n  return (\n    <Link\n      className={props.isInList ? styles.inList : styles.inGrid}\n      to={`/blog/${props.slug.current}/`}\n    >\n      <div className={styles.leadMediaThumb}>\n        {props.mainImage && props.mainImage.asset && (\n          <img\n            src={imageUrlFor(buildImageObj(props.mainImage))\n              .width(600)\n              .height(Math.floor((9 / 16) * 600))\n              .auto('format')\n              .url()}\n            alt={props.mainImage.alt}\n          />\n        )}\n      </div>\n      <div className={styles.text}>\n        <h3 className={cn(responsiveTitle3, styles.title)}>{props.title}</h3>\n        <div className={styles.date}>{format(props.publishedAt, 'MMMM Do, YYYY')}</div>\n      </div>\n    </Link>\n  )\n}\n\nexport default BlogPostPreview\n","import {Link} from 'gatsby'\nimport React from 'react'\nimport BlogPostPreview from './blog-post-preview'\n\nimport styles from './blog-post-preview-grid.module.css'\n\nfunction BlogPostPreviewGrid (props) {\n  return (\n    <div className={styles.root}>\n      {props.title && <h2 className={styles.headline}>{props.title}</h2>}\n      <ul className={styles.grid}>\n        {props.nodes &&\n          props.nodes.map(node => (\n            <li key={node.id}>\n              <BlogPostPreview {...node} isInGrid />\n            </li>\n          ))}\n      </ul>\n      {props.browseMoreHref && (\n        <div className={styles.browseMoreNav}>\n          <Link to={props.browseMoreHref + '/'}>Browse More</Link>\n        </div>\n      )}\n    </div>\n  )\n}\n\nBlogPostPreviewGrid.defaultProps = {\n  title: '',\n  nodes: [],\n  browseMoreHref: ''\n}\n\nexport default BlogPostPreviewGrid\n","import React from 'react'\nimport {graphql} from 'gatsby'\nimport {mapEdgesToNodes} from '../lib/helpers'\nimport BlogPostPreviewGrid from '../components/blog-post-preview-grid'\nimport Container from '../components/container'\nimport GraphQLErrorList from '../components/graphql-error-list'\nimport SEO from '../components/seo'\nimport Layout from '../containers/layout'\n\nimport {responsiveTitle1} from '../components/typography.module.css'\n\nexport const query = graphql`\n  query BlogPageQuery {\n    posts: allSanityPost(\n      sort: { fields: [publishedAt], order: DESC }\n      filter: { slug: { current: { ne: null } }, publishedAt: { ne: null } }\n      ) {\n      edges {\n        node {\n          id\n          publishedAt\n          mainImage {\n            ...SanityImage\n            alt\n          }\n          title\n          _rawExcerpt\n          slug {\n            current\n          }\n        }\n      }\n    }\n  }\n`\n\nconst BlogPage = props => {\n  const {data, errors} = props\n\n  if (errors) {\n    return (\n      <Layout>\n        <GraphQLErrorList errors={errors} />\n      </Layout>\n    )\n  }\n\n  const postNodes = data && data.posts && mapEdgesToNodes(data.posts)\n\n  return (\n    <Layout>\n      <SEO title='Our Blog | The Index ' />\n      <Container>\n        <h1 className={responsiveTitle1}>The Index</h1>\n        {postNodes && postNodes.length > 0 && <BlogPostPreviewGrid nodes={postNodes} />}\n      </Container>\n    </Layout>\n  )\n}\n\nexport default BlogPage\n"],"sourceRoot":""}