{"version":3,"file":"component---src-templates-blog-xxx-pages-dumpsters-js-860d68beea66f1b7db3b.js","mappings":"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","sources":["webpack://bookable/./src/components/blog-post.js","webpack://bookable/./src/components/popular-articles-sidebar.js","webpack://bookable/./src/templates/blog-xxx-pages-dumpsters.js"],"sourcesContent":["import React from \"react\";\n\nexport default class BlogPost extends React.Component \n{\n    constructor(props)\n    {\n        super(props)\n        this.post = this.props.post\n    }    \n\n    getImage = (image) =>\n    {\n        if(image === null)\n        {\n            return(<></>)\n        }\n\n        const alt = image.alt !== '' ? image.alt : 'hometown';\n        \n        return(\n            <div className=\"main-image\">\n                <img src={image.path} alt={alt}/>\n            </div>\n        )\n    }\n    getUpdatedDate = (date) => {\n        if(!date) return (<></>)\n        const formatedDate = new Date(date)\n        return 'Updated ' + formatedDate.toLocaleDateString('en-us', { day:\"numeric\", year:\"numeric\", month:\"long\"})\n    }\n    \n    getTxt = (text) =>\n    {\n        let txt = text       \n        txt = txt.replace(/<table/g, \"<div style='overflow:auto;'><table\")    \n        txt = txt.replace(/\\/table>/g, \"\\/table></div>\") \n        return txt\n    }\n\n\n    render() \n    {    \n        return (\n            <div className=\"post\">  \n                {this.getImage(this.post.image)}\n                <ul className=\"tags\">\n                {                \n                    this.post.tags.map(tag =>\n                    {                        \n                        return (\n                            tag.id !== 'success' ? (\n                            <li class=\"big\"><a href={'/blog/tags/'+tag.slug}>{tag.name}</a></li>\n                            ) : (\n                            <li class=\"big\"><a href={'/pro/guide/tags/'+tag.slug}>{tag.name}</a></li>\n                            )\n                        )\n                    })\n                }\n                </ul>\n                <p className=\"changedDate\">{this.getUpdatedDate(this.post.changed)}</p>\n                <div className=\"body\" dangerouslySetInnerHTML={{__html: this.getTxt(this.post.content)}}></div>\n            </div>   \n        )\n    }\n};","import React from \"react\";\n\nexport default class PopularArticlesSidebar extends React.Component  \n{\n    constructor(props)    \n    {\n        super(props);\n        this.populars = this.props.populars.length > 0 ? this.props.populars : [];\n    }\n    \n    render()\n    {\n        return (\n            <div class=\"popular-articles-sidebar mb-5\">     \n                <h3>Popular Articles</h3>           \n                <div className=\"card\">\n                {\n                    this.populars.map(popular =>\n                    {\n                        return(\n                            <div className=\"articleContainer\" style={{background: `url(${popular.image.path})`}}>\n                                <a href={popular.url} className=\"article\">\n                                    <div className=\"text\">{popular.title}</div>\n                                </a>\n                            </div> \n\n                        )   \n                    })\n                }                 \n                </div>\n            </div>\n        )\n    }\n};","import React from \"react\"\nimport PopularArticlesSidebar from '../components/popular-articles-sidebar'\n\nimport Post from '../components/blog-post'\nimport ConnectDumpsters from \"../components/connect-dumpsters\"\nimport BlockHowToGuidesDumpsters from \"../components/how-to-guides-dumpsters\"\nimport ServicesDumpsters from \"../components/services-dumpsters\"\nimport LayoutDumpster from \"../components/layout-dumpster\"\nimport ZipFinderSmall from \"../components/zip-finder-small\"\n\nconst BLOGXXXPAGEDUMPSTERS = ({ data, pageContext }) => \n{ \n    const title = pageContext.post.title !== undefined ? pageContext.post.title : '';  \n    const post = pageContext.post; \n    const env = pageContext.env;\n    const code = pageContext.code;\n    const populars = pageContext.populars;\n    \n    const seo = \n    {\n        url: post.url,\n        env: env,\n        code: code,\n        page: 'blog',\n        blog: post\n    }\n\n    return (\n        <LayoutDumpster seo={seo} env={env} code={code} bgcolor={'#f5f5f5'} >\n\n            <div className=\"blog\">\n\n                <div className=\"container mb-5\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-8\">\n                            <h1 className=\"main-title\">{title}</h1>\n                            <div className=\"posts\">\n                                <Post post={post} />\n                            </div>\n                            \n                        </div>\n                        <div className=\"col-lg-4\">\n                            <div className=\"sidebar\">\n\n                                <div className=\"block\">                                    \n                                    <ZipFinderSmall \n                                        type = {'small'} \n                                        id = {'block-zip-finder'} \n                                        env = {env} \n                                        code = {code}\n                                        title = {'Find the Right Pro. Simply.'}\n                                        placeholder = {'Enter Zip Code'}\n                                        finderopenmodal={false}\n                                        button= 'Get Started'\n                                        />\n                                </div>\n\n                                <div className=\"block\">\n                                    <ServicesDumpsters  env={env}  />\n                                </div>                                \n\n                                <div className=\"block\">\n                                    <BlockHowToGuidesDumpsters />\n                                </div>\n\n                                <div className=\"block\">\n                                    <PopularArticlesSidebar populars={populars} />\n                                </div>                                \n\n                                <div className=\"block\">\n                                    <ConnectDumpsters />\n                                </div>\n\n                            </div>                            \n                        </div>\n                    </div>\n                </div> \n            \n            \n            </div> \n\n        </LayoutDumpster>\n    )\n};\n\nexport default BLOGXXXPAGEDUMPSTERS;"],"names":["BlogPost","props","getImage","image","alt","className","src","path","getUpdatedDate","date","Date","toLocaleDateString","day","year","month","getTxt","text","txt","replace","post","render","this","tags","map","tag","id","class","href","slug","name","changed","dangerouslySetInnerHTML","__html","content","React","PopularArticlesSidebar","populars","length","popular","style","background","url","title","data","pageContext","undefined","env","code","seo","page","blog","bgcolor","Z","type","placeholder","finderopenmodal","button"],"sourceRoot":""}