(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{"+BEu":function(e,t,a){"use strict";a.r(t),a.d(t,"pageQuery",(function(){return y})),a.d(t,"BlogPageTemplate",(function(){return p}));var r=a("zLVn"),n=a("FdF9"),l=a("TJpk"),i=a.n(l),c=(a("w4ri"),a("KMH9"),a("510Z")),s=a("Wbzz"),o=function(e){var t=e.title,a=e.shortDescription,r=e.createdOn,l=e.views,i=e.image,o=e.category,u=e.author,d=e.slug;return n.default.createElement("div",{className:"ArticleCard"},n.default.createElement(s.Link,{to:"/blog/"+d},n.default.createElement("div",{className:"ArticleCard__image-container"},n.default.createElement(c.a,{className:"ArticleCard__image",image:i})),n.default.createElement("p",{className:"ArticleCard__title"},t),n.default.createElement("p",{className:"ArticleCard__shortDescription"},a),n.default.createElement("div",{className:"ArticleCard__under-section"},n.default.createElement("p",{className:"ArticleCard__category"},"#",o),n.default.createElement("p",{className:"ArticleCard__createdOn"},r),n.default.createElement("p",{className:"ArticleCard__views"},l," ",function(e){var t=String(e);return"1"===t[t.length-1]||"11"!=t.slice(-2)?"просмотр":"просмотров"}(l))),n.default.createElement("div",{className:"ArticleCard__author"},n.default.createElement("div",{className:"ArticleCard__author-avatar-container"},n.default.createElement(c.a,{className:"ArticleCard__author-avatar",image:u.avatar})),n.default.createElement("div",{className:"ArticleCard__author-who"},n.default.createElement("p",{className:"ArticleCard__author-name"},u.name),n.default.createElement("p",{className:"ArticleCard__author-position"},u.position)))))},u=(a("FITm"),function(e){var t=e.articles,a=e.authors,r=e.byCategory,l=Object(n.useMemo)((function(){return t.filter((function(e){return null===r||e.category===r}))}),[t,r]);return n.default.createElement("div",{className:"ArticlesList"},l.map((function(e,t){return n.default.createElement(o,{category:e.category,createdOn:e.createdOn,shortDescription:e.shortDescription,title:e.title,views:e.views,image:e.image,author:a.filter((function(t){return t.id===e.author_id}))[0],slug:e.slug,key:t})})))}),d=(a("A6i3"),a("TSYQ")),m=a.n(d);function f(){var e=n.default.useState({width:0,height:0}),t=e[0],a=e[1];function r(){a({width:window.innerWidth,height:window.innerHeight})}return n.default.useEffect((function(){return window.addEventListener("resize",r),window.addEventListener("load",r),function(){window.removeEventListener("resize",r),window.removeEventListener("load",r)}}),[]),t}var g=a("QDvK"),v=a("RdMJ"),E=a("hjC3"),_=function(e){var t=e.categories,a=e.byCategory,r=e.setByCategory,l=f(),i=Object(n.useState)(!1),c=i[0],s=i[1],o=Object(n.useRef)(null),u=function(e){r(a===e?null:e)},d=Object(n.useCallback)((function(){return s(!c)}),[c]),_=Object(n.useCallback)((function(){return s(!1)}),[]);Object(v.a)(o,_),Object(n.useEffect)((function(){window&&window.addEventListener("scroll",_,{passive:!0})}));var w=function(e){_(),u(e)};return n.default.createElement("div",{className:"Categories"},n.default.createElement("div",{className:m()("Categories__list",{hidden:l.width<=1305})},t.map((function(e){return n.default.createElement("div",{className:m()("Categories__category",{active:a===e}),onClick:function(){return u(e)}},"#",e)}))),n.default.createElement("div",{className:m()("Categories__dropdown",{hidden:l.width>1305})},n.default.createElement("div",{className:"Categories__selected-category",ref:o},n.default.createElement("div",{className:m()("Categories__category",{active:null!=a}),onClick:d},a?"#"+a:"Выбрать категорию",n.default.createElement("div",{className:"CatalogCatalog__category-arrow-container"},n.default.createElement(g.a,{className:"CatalogCatalog__category-arrow",stroke:a?"#FFFFFF":"#2F80ED",strokeOpacity:"1"}))),n.default.createElement("div",{className:"Categories__dropdown-menu-container"},n.default.createElement(E.a,{className:"Categories__menu",isOpen:c,onClose:_},a?n.default.createElement(E.b,{onClick:function(){return w(null)}},n.default.createElement("div",null,"Все категории")):"",t.map((function(e){return a&&a===e?"":n.default.createElement(E.b,{onClick:function(){return w(e)}},n.default.createElement("div",null,"#",e))})))))))},w=function(e){var t=e.filters,a=e.articles,r=e.authors,l=Object(n.useState)(null),i=l[0],c=l[1],s=f();return n.default.createElement("div",{className:"Blog"},n.default.createElement("div",{className:"[ Content md:Content_medium sm:Content_medium ]"},n.default.createElement("div",{className:"Blog__content"},n.default.createElement("div",{className:"Blog__header"},n.default.createElement("p",{className:"Blog__title"},s.width>900?"Блог компании":"Блог"),n.default.createElement(_,{categories:t.categories,byCategory:i,setByCategory:c})),n.default.createElement(u,{articles:a,authors:r,byCategory:i}))))};w.getLivePreviewData=function(e){var t=e.data,a=e.getAsset;return{filters:Object.assign({},t.filters),articles:t.articles.map((function(e){return Object.assign({},e,{image:a(e.image).url})})),authors:t.authors.map((function(e){return Object.assign({},e,{avatar:a(e.avatar).url})}))}};var C=a("Zttt"),h=["layout"],p=function(e){e.layout;var t=Object(r.a)(e,h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(i.a,null,n.default.createElement("title",null,t.seo.title),n.default.createElement("meta",{name:"Description",content:t.seo.description}),n.default.createElement("meta",{name:"keywords",content:t.seo.keywords})),n.default.createElement(w,t))};p.getLivePreviewData=function(e){return Object.assign({},e.data,C.a.getLivePreviewData(e),w.getLivePreviewData(e))};var y="1578668797";t.default=function(e){var t=e.data,a=t.markdownRemark.frontmatter;return n.default.createElement(C.a,Object.assign({},t.layout.frontmatter,{pageId:a.pageId,path:a.path}),n.default.createElement(p,Object.assign({layout:t.layout.frontmatter},a)))}},A6i3:function(e,t,a){},FITm:function(e,t,a){},KMH9:function(e,t,a){},QDvK:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var r=a("zLVn"),n=a("FdF9"),l=["stroke","strokeOpacity","strokeWidth"],i=function(e){var t=e.stroke,a=e.strokeOpacity,i=e.strokeWidth,c=Object(r.a)(e,l);return n.default.createElement("svg",Object.assign({viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"},c),n.default.createElement("path",{fill:"none",d:"M1 1L6 6L11 1",stroke:t||"#194068",strokeOpacity:a||"0.48",strokeWidth:i||"2"}))}},w4ri:function(e,t,a){}}]);
//# sourceMappingURL=component---src-templates-blog-page-js-a15176960f840200013c.js.map