{"version":3,"sources":["webpack:///./src/components/tag-list.js","webpack:///./src/components/blog-list.js","webpack:///./src/templates/tags.js"],"names":["query","render","data","posts","allContentfulBlogPost","edges","tags","Array","from","Set","reduce","acc","post","concat","node","className","to","sort","map","tag","index","key","BlogList","props","state","visible","loadMore","bind","this","setState","prevState","slice","slug","src","heroImage","file","url","alt","title","length","type","onClick","React","Component","BlogTagsTemplate","get","metaData","pageContext","location","hero","size","isHidden","text","pageQuery"],"mappings":"wpcAIe,oBACX,kBAAC,IAAD,CACIA,MAAK,aAaLC,OAAW,SAAAC,GACP,IAAMC,EAAQD,EAAKE,sBAAsBC,MACnCC,EAAQC,MAAMC,KAAK,IAAIC,IAAIN,EAAMO,QAAO,SAACC,EAAKC,GAAN,OAAeD,EAAIE,OAAOD,EAAKE,KAAKR,QAAM,MACxF,OACI,yBAAKS,UAAU,kCACX,0BAAMA,UAAU,OACZ,kBAAC,IAAD,CAAMC,GAAG,SAAT,QAGAV,EAAKW,OAAOC,KAAI,SAACC,EAAIC,GACjB,OACI,0BAAML,UAAU,MAAMM,IAAKD,GACvB,kBAAC,IAAD,CAAMJ,GAAE,cAAgBG,EAAhB,KAAyBA,SA1BjE,UCAEG,E,YACL,WAAYC,GAAQ,IAAD,SAClB,cAAMA,IAAN,MAEKC,MAAQ,CACZC,QAAQ,GAGT,EAAKC,SAAW,EAAKA,SAASC,KAAd,QAPE,E,oCAUnBD,SAAA,WACCE,KAAKC,UAAS,SAACC,GACd,MAAO,CACNL,QAAQK,EAAUL,QAAU,O,EAK/BxB,OAAA,WAAU,IAAD,EAEe2B,KAAKL,MAApBpB,EAFA,EAEAA,MAFA,EAEOG,KAEf,OACC,yBAAKS,UAAU,gBACd,yBAAKA,UAAU,aACd,kBAAC,EAAD,MACA,yBAAKA,UAAU,wBAEbZ,EAAM4B,MAAM,EAAGH,KAAKJ,MAAMC,SAASP,KAAI,WAASE,GAAW,IAAlBN,EAAiB,EAAjBA,KACxC,OACC,yBAAKC,UAAU,sBAAsBM,IAAKD,GACzC,yBAAKL,UAAU,QACd,yBAAKA,UAAU,cACd,4BAAQA,UAAU,iBACjB,kBAAC,IAAD,CAAMC,GAAE,SAAWF,EAAKkB,KAAhB,KACP,yBAAKC,IAAKnB,EAAKoB,UAAUC,KAAKC,IAAKC,IAAQvB,EAAKwB,MAAV,mBAIzC,yBAAKvB,UAAU,gBACd,wBAAIA,UAAU,mBAAmBD,EAAKwB,OACtC,2BACC,kBAAC,IAAD,CAAMtB,GAAE,SAAWF,EAAKkB,KAAhB,KAAR,qBASNJ,KAAKJ,MAAMC,QAAUtB,EAAMoC,QAC5B,yBAAKxB,UAAU,uBACd,yBAAKA,UAAU,eACd,yBAAKA,UAAU,qBACd,4BAAQA,UAAU,6BAA6ByB,KAAK,SAASC,QAASb,KAAKF,UAA3E,mB,GAxDcgB,IAAMC,WAoEdrB,O,sPCjETsB,E,YAEF,WAAYrB,GAAQ,OAChB,YAAMA,IADS,K,4BAInBtB,OAAA,WACI,IAAME,EAAQ0C,IAAIjB,KAAM,0CAClBkB,EAAWD,IAAIjB,KAAKL,MAAO,mCAC3BJ,EAAMS,KAAKL,MAAMwB,YAAY5B,IAC7Bb,EAAQC,MAAMC,KAAK,IAAIC,IAAIN,EAAMO,QAAO,SAACC,EAAKC,GAAN,OAAeD,EAAIE,OAAOD,EAAKE,KAAKR,QAAM,MAExF,OACE,kBAAC,IAAD,CAAQ0C,SAAUpB,KAAKL,MAAMyB,SAAU9C,KAF5B,CAAE+C,KAAK,YAAaC,KAAK,YAAaC,UAAU,EAAMC,KAAM,SAGnE,kBAAC,IAAD,CAAUN,SAAUA,EAAU3B,IAAKA,IACnC,kBAAC,IAAD,CAAUhB,MAAOA,EAAOG,KAAMA,M,GAfboC,IAAMC,WAqBtBC,YAER,IAAMS,EAAS","file":"component---src-templates-tags-js-9621ca7031fc98a7818c.js","sourcesContent":["import React from 'react'\nimport { StaticQuery, graphql, Link } from 'gatsby'\n\n\nexport default () => (\n    <StaticQuery\n        query={graphql `\n            query TagQuery {\n                allContentfulBlogPost {\n                    edges {\n                      node {\n                        tags\n                      }\n                    }\n                } \n            }\n        \n        `}\n\n        render = { data => {\n            const posts = data.allContentfulBlogPost.edges\n            const tags =  Array.from(new Set(posts.reduce((acc, post) => acc.concat(post.node.tags),[])))\n            return (\n                <div className=\"tags are-medium is-capitalized\">\n                    <span className=\"tag\">\n                        <Link to='/blog'>all</Link>\n                    </span>\n                    {\n                        tags.sort().map((tag,index) => {\n                            return(\n                                <span className=\"tag\" key={index}>\n                                    <Link to={`/blog/tags/${tag}/`}>{tag}</Link>\n                                </span>\n                            )\n                        })\n                    }\n                </div>\n            )\n        }}\n    />    \n)\n","import React from 'react'\nimport Img from 'gatsby-image'\nimport { Link } from 'gatsby'\nimport TagList from '../components/tag-list'\n\nclass BlogList extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tthis.state = {\n\t\t\tvisible:9,\n\t\t}\n\n\t\tthis.loadMore = this.loadMore.bind(this)\n\t}\n\n\tloadMore(){\n\t\tthis.setState((prevState) => {\n\t\t\treturn {\n\t\t\t\tvisible:prevState.visible + 3\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\n\t\tconst { posts, tags} = this.props\n\n\t\treturn (\n\t\t\t<div className=\"blog section\">\n\t\t\t\t<div className=\"container\">\n\t\t\t\t\t<TagList/>\n\t\t\t\t\t<div className=\"columns is-multiline\">\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tposts.slice(0, this.state.visible).map(({node}, index) => {\n\t\t\t\t\t\t\t\treturn(\n\t\t\t\t\t\t\t\t\t<div className=\"column is-one-third\" key={index}>\n\t\t\t\t\t\t\t\t\t\t<div className=\"card\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"card-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure className=\"image is-3by2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Link to={`/blog/${node.slug}/`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={node.heroImage.file.url} alt={`${node.title} hero image`}/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t\t</figure>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"card-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t<h1 className=\"title is-size-4\">{node.title}</h1>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Link to={`/blog/${node.slug}/`}>Read blog</Link>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t</div> \n\t\t\t\t\t{ this.state.visible < posts.length &&\n\t\t\t\t\t\t<div className=\"columns is-centered\">\n\t\t\t\t\t\t\t<div className=\"column is-6\">\n\t\t\t\t\t\t\t\t<div className=\"has-text-centered\">\n\t\t\t\t\t\t\t\t\t<button className=\"button is-danger is-medium\" type=\"button\" onClick={this.loadMore}>Load More</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t)\n\t}\n\n}\n\nexport default BlogList","import React from 'react'\nimport { graphql } from 'gatsby'\nimport get from 'lodash/get'\nimport Layout from '../components/layout'\nimport BlogList from '../components/blog-list'\nimport SiteMeta from '../components/meta-data'\n\n\nclass BlogTagsTemplate extends React.Component{\n\n    constructor(props) {\n        super(props)\n    }\n\n    render(){\n        const posts = get(this, 'props.data.allContentfulBlogPost.edges')\n        const metaData = get(this.props, 'data.site.siteMetadata.blogPage')\n        const tag = this.props.pageContext.tag\n        const tags  = Array.from(new Set(posts.reduce((acc, post) => acc.concat(post.node.tags),[])))\n        const data = { hero:'hero-blog', size:'is-medium', isHidden: true, text: 'Blog' }\n        return(\n          <Layout location={this.props.location} data={data}>\n              <SiteMeta metaData={metaData} tag={tag}/>\n              <BlogList posts={posts} tags={tags} />\n          </Layout>\n        )\n    }\n}\n\nexport default BlogTagsTemplate\n\nexport const pageQuery = graphql`\n  query BlogIndexByTag($tag: String!) {\n    site {\n      siteMetadata {\n        blogPage {\n          title\n          description\n          imageUrl\n          siteUrl\n        }\n      }\n    }  \n    allContentfulBlogPost(sort: { fields: [publishDate], order: DESC, } \n                          filter: {node_locale: {eq: \"en-GB\"} \n                          tags: {eq: $tag}}\n                          ) {\n        edges {\n          node {\n            title\n            publishDate(formatString: \"Do MMMM, YYYY\")\n            tags\n            slug\n            heroImage {\n              file {\n                url\n              }\n            }\n            description {\n              childMarkdownRemark {\n                html\n              }\n            }\n          }\n        }\n    }\n  }\n`"],"sourceRoot":""}