{"version":3,"sources":["webpack:///./src/templates/Tag.tsx"],"names":["pageQuery","PostList","pageContext","posts","data","edges","title","tag","className","map","i","post","slug","relativeDirectory","getSlug","childMarkdownRemark","frontmatter","key","excerpt","timeToRead","tags","headerImage","fluid","childImageSharp","alt","headerImageAlt","date"],"mappings":"4FAAA,0HAiBaA,EAAY,aA6DVC,UA5B4B,SAAC,GAA6G,IAA3GC,EAA2G,EAA3GA,YAAqCC,EAAsE,EAA9FC,KAAQD,MAASE,MAC1E,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAK,sBAAwBJ,EAAYK,IAApC,MACV,kBAAC,IAAD,KAAY,iDAAsB,0BAAMC,UAAU,WAAWN,EAAYK,OACxEJ,EAAMM,KAAI,WAAWC,GAAM,oCAAdC,EAAc,EAAdA,KACNC,EARE,SAACC,EAA2BD,GAA5B,OAAuE,OAATA,EAAiBA,EAAiBC,EAQ3FC,CAAQH,EAAKE,kBAAN,UAAyBF,EAAKI,2BAA9B,iBAAyB,EAA0BC,mBAAnD,aAAyB,EAAuCJ,MACpF,OACE,kBAAC,WAAD,CAAUK,IAAKP,GACb,kBAAC,IAAD,CACEE,KAAMA,EACNN,MAAK,UAAEK,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCV,MAC9CY,QAAO,UAAEP,EAAKI,2BAAP,aAAE,EAA0BG,QACnCC,WAAU,UAAER,EAAKI,2BAAP,aAAE,EAA0BI,WACtCC,KAAI,UAAET,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCI,KAC7CC,YAAa,CACXC,MAAK,UAAEX,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,iBAAE,EAAuCK,mBAAzC,iBAAE,EAAoDE,uBAAtD,aAAE,EAAqED,MAC5EE,IAAG,UAAEb,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCS,gBAE9CC,KAAI,UAAEf,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCU","file":"component---src-templates-tag-tsx-2c8769128d0f2010e3a3.js","sourcesContent":["import React, { FunctionComponent, Fragment } from 'react'\nimport { graphql } from 'gatsby'\nimport { TaggedPostsQuery } from '../graphqlTypes'\nimport Layout from '../components/Layout'\nimport PostExcerpt from '../components/PostExcerpt'\nimport ContentBox from '../components/ContentBox'\nimport Seo from '../components/Seo'\n\ninterface PageContext {\n  tag: string\n}\n\ninterface Props {\n  data: TaggedPostsQuery\n  pageContext: PageContext\n}\n\nexport const pageQuery = graphql`\n  query TaggedPosts($skip: Int!, $limit: Int!, $tag: String!) {\n    posts: allFile(filter: {sourceInstanceName: {eq: \"posts\"}, internal: {mediaType: {eq: \"text/markdown\"}}, childMarkdownRemark: {frontmatter: {tags: {glob: $tag}}}}, sort: {order: DESC, fields: ctimeMs}, limit: $limit, skip: $skip) {\n      edges {\n        post: node {\n          childMarkdownRemark {\n            id\n            frontmatter {\n              title\n              tags\n              slug\n              date\n              headerImageAlt\n              headerImage {\n                childImageSharp {\n                  fluid(maxWidth: 800, quality: 90) {\n                    ...GatsbyImageSharpFluid_withWebp\n                  }\n                }\n              }\n            }\n            excerpt\n            timeToRead\n          }\n          relativeDirectory\n        }\n      }\n    }\n  }\n`\n\nconst getSlug = (relativeDirectory: string, slug?: string | null): string => (slug !== null) ? slug as string : relativeDirectory\n\nconst PostList: FunctionComponent<Props> = ({ pageContext, data: { posts: { edges: posts } } }: { data: TaggedPostsQuery, pageContext: PageContext }) => {\n  return (\n    <Layout>\n      <Seo title={`Posts tagged with '${pageContext.tag}'`} />\n      <ContentBox><h2>Posts tagged with <span className='tagName'>{pageContext.tag}</span></h2></ContentBox>\n      {posts.map(({ post }, i) => {\n        const slug = getSlug(post.relativeDirectory, post.childMarkdownRemark?.frontmatter?.slug)\n        return (\n          <Fragment key={i}>\n            <PostExcerpt\n              slug={slug}\n              title={post.childMarkdownRemark?.frontmatter?.title as string}\n              excerpt={post.childMarkdownRemark?.excerpt as string}\n              timeToRead={post.childMarkdownRemark?.timeToRead as number}\n              tags={post.childMarkdownRemark?.frontmatter?.tags}\n              headerImage={{\n                fluid: post.childMarkdownRemark?.frontmatter?.headerImage?.childImageSharp?.fluid,\n                alt: post.childMarkdownRemark?.frontmatter?.headerImageAlt\n              }}\n              date={post.childMarkdownRemark?.frontmatter?.date as Date}\n            />\n          </Fragment>\n        )\n      })}\n    </Layout>\n  )\n}\n\nexport default PostList\n"],"sourceRoot":""}