{"version":3,"sources":["webpack://gatsby-starter-ghost/./src/templates/post.js"],"names":["data","location","post","ghostPost","readingTime","readingTimeHelper","encodedUrl","encodeURIComponent","url","replace","encodedTextForShare","custom_excerpt","title","encodedTags","String","tags","map","tag","name","concat","type","codeinjection_styles","className","feature_image","src","alt","target","href","id","authors","author","key","slug","profile_image","height","width","nameIdx","length","dateTime","published_at","published_at_pretty","dangerouslySetInnerHTML","__html","html"],"mappings":"6LAkKA,UAnJa,SAAC,GAAwB,IAAD,QAArBA,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACZC,EAAOF,EAAKG,UACZC,GAAcC,iBAAkBH,GAEhCI,EAAaC,mBAAmBL,EAAKM,IAAIC,QAAQ,QAAS,SAC1DC,EAAsBH,mBAAmBL,EAAKS,eAAiBT,EAAKS,eAAiBT,EAAKU,OAC1FC,EAAcC,QAAQZ,EAAKa,MAAQ,IAAIC,KAAI,SAACC,GAAD,OAASA,EAAIC,QAAMC,OAAO,CAAC,OAAQ,kBAEpF,OACI,gCACI,gBAAC,IAAD,CAAUnB,KAAMA,EAAMC,SAAUA,EAAUmB,KAAK,YAC/C,gBAAC,IAAD,KACI,yBAAOA,KAAK,YAAZ,GAA2BlB,EAAKmB,uBAEpC,gBAAC,KAAD,KACI,uBAAKC,UAAU,aACX,2BAASA,UAAU,WACf,sBAAIA,UAAU,iBAAiBpB,EAAKU,OAEnCV,EAAKS,eACF,qBAAGW,UAAU,mBACRpB,EAAKS,gBAEV,KAEHT,EAAKqB,cACF,0BAAQD,UAAU,sBACd,uBACIE,IAAKtB,EAAKqB,cACVE,IAAKvB,EAAKU,SAGlB,KAEJ,2BAASU,UAAU,qBACf,uBAAKA,UAAU,uBACX,0BACI,0BACI,qBACII,OAAO,SACPC,KAAI,qDAAuDrB,EAAvD,SAA0EI,EAA1E,QAAqGJ,EAArG,aAA4HO,EAChIS,UAAU,MACVM,GAAG,KAEH,0BACA,wBAAMN,UAAU,QAAQM,GAAG,KAA3B,aAOhB,uBAAKN,UAAU,kBACX,2BAASA,UAAU,0BACf,sBAAIA,UAAU,eAAd,UACKpB,EAAK2B,eADV,iBACK,EAAcb,WADnB,aACK,UAAoB,SAACc,GAAD,OACjB,sBACIR,UAAU,mBACVS,IAAKD,EAAOE,MAEXF,EAAOG,cACJ,qBACIN,KAAMG,EAAOtB,IACbc,UAAU,iBAEV,uBACIA,UAAU,uBACVE,IACIM,EAAOG,cAEXR,IAAKK,EAAOZ,QAIpB,qBACIS,KAAMG,EAAOtB,IACbc,UAAU,sCAEV,uBACIA,UAAU,uBACVE,IAAI,2BACJU,OAAO,KACPC,MAAM,aAQ9B,uBAAKb,UAAU,uBACX,sBAAIA,UAAU,eAAd,UACKpB,EAAK2B,eADV,iBACK,EAAcb,WADnB,aACK,UACG,WAEIoB,GAFJ,UACMlB,YADN,MACa,WADb,SAII,UAAAhB,EAAK2B,eAAL,SAAcQ,QACdD,EACIlC,EAAK2B,QAAQQ,OAAS,EACjBnB,EAHT,KAIMA,MAGlB,uBAAKI,UAAU,uBACX,wBACIA,UAAU,mBACVgB,SAAUpC,EAAKqC,cAEdrC,EAAKsC,qBAEV,wBAAMlB,UAAU,uBACZ,wBAAMA,UAAU,QAAhB,KAEQ,IACPlB,OAQrB,2BACIkB,UAAU,qCACVmB,wBAAyB,CAAEC,OAAQxC,EAAKyC","file":"component---src-templates-post-js-7a85fd2580b8eea387c5.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\n\nimport { Layout } from '../components/common'\nimport { MetaData } from '../components/common/meta'\nimport { readingTime as readingTimeHelper } from '@tryghost/helpers'\n\n/**\n* Single post view (/:slug)\n*\n* This file renders a single post and loads all the content.\n*\n*/\nconst Post = ({ data, location }) => {\n    const post = data.ghostPost\n    const readingTime = readingTimeHelper(post)\n\n    const encodedUrl = encodeURIComponent(post.url.replace('admin', 'blog'))\n    const encodedTextForShare = encodeURIComponent(post.custom_excerpt ? post.custom_excerpt : post.title)\n    const encodedTags = String((post.tags || []).map((tag) => tag.name).concat(['qbfs', 'phillysports']))\n\n    return (\n        <>\n            <MetaData data={data} location={location} type=\"article\" />\n            <Helmet>\n                <style type=\"text/css\">{`${post.codeinjection_styles}`}</style>\n            </Helmet>\n            <Layout>\n                <div className=\"container\">\n                    <article className=\"content\">\n                        <h1 className=\"content-title\">{post.title}</h1>\n\n                        {post.custom_excerpt ? (\n                            <p className=\"article-excerpt\">\n                                {post.custom_excerpt}\n                            </p>\n                        ) : null}\n\n                        {post.feature_image ? (\n                            <figure className=\"post-feature-image\">\n                                <img\n                                    src={post.feature_image}\n                                    alt={post.title}\n                                />\n                            </figure>\n                        ) : null}\n\n                        <section className=\"post-full-content\">\n                            <div className=\"post-social-actions\">\n                                <ul>\n                                    <li>\n                                        <a\n                                            target=\"_blank\"\n                                            href={`https://twitter.com/intent/tweet?original_referer=${encodedUrl}&text=${encodedTextForShare}&url=${encodedUrl}&hashtags=${encodedTags}`}\n                                            className=\"btn\"\n                                            id=\"b\"\n                                        >\n                                            <i></i>\n                                            <span className=\"label\" id=\"l\">\n                                                Tweet\n                                            </span>\n                                        </a>\n                                    </li>\n                                </ul>\n                            </div>\n                            <div className=\"article-byline\">\n                                <section className=\"article-byline-content\">\n                                    <ul className=\"author-list\">\n                                        {post.authors?.map?.((author) => (\n                                            <li\n                                                className=\"author-list-item\"\n                                                key={author.slug}\n                                            >\n                                                {author.profile_image ? (\n                                                    <a\n                                                        href={author.url}\n                                                        className=\"author-avatar\"\n                                                    >\n                                                        <img\n                                                            className=\"author-profile-image\"\n                                                            src={\n                                                                author.profile_image\n                                                            }\n                                                            alt={author.name}\n                                                        />\n                                                    </a>\n                                                ) : (\n                                                    <a\n                                                        href={author.url}\n                                                        className=\"author-avatar author-profile-image\"\n                                                    >\n                                                        <img\n                                                            className=\"author-profile-image\"\n                                                            src=\"/images/icons/avatar.svg\"\n                                                            height=\"56\"\n                                                            width=\"56\"\n                                                        />\n                                                    </a>\n                                                )}\n                                            </li>\n                                        ))}\n                                    </ul>\n\n                                    <div className=\"article-byline-meta\">\n                                        <h4 className=\"author-name\">\n                                            {post.authors?.map?.(\n                                                (\n                                                    { name = \"Not Sure\" },\n                                                    nameIdx\n                                                ) =>\n                                                    post.authors?.length &&\n                                                    nameIdx <\n                                                        post.authors.length - 1\n                                                        ? `${name}, `\n                                                        : name\n                                            )}\n                                        </h4>\n                                        <div className=\"byline-meta-content\">\n                                            <time\n                                                className=\"byline-meta-date\"\n                                                dateTime={post.published_at}\n                                            >\n                                                {post.published_at_pretty}\n                                            </time>\n                                            <span className=\"byline-reading-time\">\n                                                <span className=\"bull\">\n                                                    &bull;\n                                                </span>{\" \"}\n                                                {readingTime}\n                                            </span>\n                                        </div>\n                                    </div>\n                                </section>\n                            </div>\n\n                            {/* The main post content */}\n                            <section\n                                className=\"content-body load-external-scripts\"\n                                dangerouslySetInnerHTML={{ __html: post.html }}\n                            />\n                        </section>\n                    </article>\n                </div>\n            </Layout>\n        </>\n    );\n}\n\nPost.propTypes = {\n    data: PropTypes.shape({\n        ghostPost: PropTypes.shape({\n            codeinjection_styles: PropTypes.object,\n            title: PropTypes.string.isRequired,\n            html: PropTypes.string.isRequired,\n            feature_image: PropTypes.string,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.object.isRequired,\n}\n\nexport default Post\n\nexport const postQuery = graphql`\n    query($slug: String!) {\n        ghostPost(slug: { eq: $slug }) {\n            ...GhostPostFields\n        }\n    }\n`\n"],"sourceRoot":""}