{"version":3,"sources":["components/Blog/BlogArticle.tsx"],"names":["BlogArticle","_super","props","_this","call","this","state","articlePath","match","params","path","__WEBPACK_IMPORTED_MODULE_0_tslib__","prototype","componentWillReceiveProps","nextProps","setState","render","article","__WEBPACK_IMPORTED_MODULE_5__Articles_Articles__","find","item","__WEBPACK_IMPORTED_MODULE_1_react__","className","heroImg","src","alt","tag","readingTime","title","authorImg","author","date","content","__WEBPACK_IMPORTED_MODULE_3__BlogSlider__","steps","length","currentArticle","__WEBPACK_IMPORTED_MODULE_2__Layout_FooterStatic__"],"mappings":"4KAeAA,EAAA,SAAAC,GACI,SAAAD,EAAYE,GAAZ,IAAAC,EACIF,EAAAG,KAAAC,KAAMH,IAAMG,YAEZF,EAAKG,OACDC,YAAaL,EAAMM,MAAMC,OAAOC,QA4C5C,OAjDyCC,EAAA,EAAAX,EAAAC,GAS9BD,EAAAY,UAAAC,0BAAP,SAAiCC,GACzBT,KAAKC,MAAMC,cAAgBO,EAAUN,MAAMC,OAAOC,MAClDL,KAAKU,UACDR,YAAaO,EAAUN,MAAMC,OAAOC,QAKzCV,EAAAY,UAAAI,OAAP,eAAAb,EAAAE,KACUY,EAAeC,EAAA,EAASC,KAAK,SAAAC,GAAQ,OAAAA,EAAKV,OAASP,EAAKG,MAAMC,cACpE,OACIc,EAAA,yBAASC,UAAU,kCACfD,EAAA,yBAASC,UAAU,qBACfD,EAAA,qBAAKC,UAAU,mBACVL,EAAQM,SAAWF,EAAA,qBAAKG,IAAK,gBAAgBP,EAAQM,QAAWE,IAAI,MAEzEJ,EAAA,qBAAKC,UAAU,mBACXD,EAAA,qBAAKC,UAAU,kBACVL,EAAQS,KAAOL,EAAA,sBAAMC,UAAU,eAAeL,EAAQS,KACtDT,EAAQU,aAAeN,EAAA,sBAAMC,UAAU,gBAAgBL,EAAQU,6BAChEN,EAAA,oBAAIC,UAAU,iBAAiBL,EAAQW,OACvCP,EAAA,qBAAKC,UAAU,mBACVL,EAAQY,WAAaR,EAAA,qBAAKC,UAAU,sBAAsBE,IAAK,gBAAgBP,EAAQY,UAAaJ,IAAI,KACxGR,EAAQa,QAAUT,EAAA,sBAAMC,UAAU,kBAAkBL,EAAQa,QAC5Db,EAAQc,MAAQV,EAAA,sBAAMC,UAAU,gBAAgBL,EAAQc,QAGjEV,EAAA,qBAAKC,UAAU,gBACVL,EAAQe,WAIrBX,EAAA,uBAAOC,UAAU,gBACbD,EAAA,oBAAIC,UAAU,sCAAoC,yBAClDD,EAAA,cAACY,EAAA,GAAWC,MAAOhB,EAAA,EAASiB,OAAS,EAAGC,eAAgBnB,KAE5DI,EAAA,cAACgB,EAAA,EAAqB,QAItCrC,EAjDA,CAAyCqB,EAAA","file":"static/js/36.d754a0cc.chunk.js","sourcesContent":["import * as React from 'react';\nimport { Component } from 'react';\nimport FooterStaticComponent from '../Layout/FooterStatic';\nimport { BlogSlider } from './BlogSlider';\nimport './Blog.css';\nimport { ARTICLES } from './Articles/Articles';\n\ninterface IProps {\n    ArticleId: number\n}\n\ninterface IState {\n    articlePath: string\n}\n\nexport default class BlogArticle extends Component<IProps, IState> {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            articlePath: props.match.params.path\n        }\n    }\n\n    public componentWillReceiveProps(nextProps) {\n        if (this.state.articlePath !== nextProps.match.params.path) {\n            this.setState({\n                articlePath: nextProps.match.params.path\n            });\n        }\n    }\n\n    public render() {\n        const article: any = ARTICLES.find(item => item.path === this.state.articlePath);\n        return (\n            <section className=\"route-component blog-component\">\n                <article className=\"article-container\">\n                    <div className=\"article-heroImg\">\n                        {article.heroImg && <img src={`/images/blog/${article.heroImg}`} alt=\"\" />}\n                    </div>\n                    <div className=\"article-content\">\n                        <div className=\"article-header\">\n                            {article.tag && <span className=\"article-tag\">{article.tag}</span>}\n                            {article.readingTime && <span className=\"article-time\">{article.readingTime} min czytania</span>}\n                            <h1 className=\"article-title\">{article.title}</h1>\n                            <div className=\"article-details\">\n                                {article.authorImg && <img className=\"article-authorPhoto\" src={`/images/blog/${article.authorImg}`} alt=\"\" />}\n                                {article.author && <span className=\"article-author\">{article.author}</span>}\n                                {article.date && <span className=\"article-date\">{article.date}</span>}\n                            </div>\n                        </div>\n                        <div className=\"article-copy\">\n                            {article.content}\n                        </div>\n                    </div>\n                </article>\n                <aside className=\"article-side\">\n                    <h2 className=\"article-title article-slider-title\">Podobne artykuły</h2>\n                    <BlogSlider steps={ARTICLES.length - 1} currentArticle={article} />\n                </aside>\n                <FooterStaticComponent />\n            </section>\n        );\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/Blog/BlogArticle.tsx"],"sourceRoot":""}