{"version":3,"sources":["webpack:///./Scripts/Components/Blog.js"],"names":["Blog","props","items","itemsToShow","setItemsToShow","useState","categories","setCategories","selected","setSelected","useEffect","allCategories","forEach","item","Categories","category","indexOf","push","sort","a","b","localeCompare","changeSelected","newItems","filter","x","includes","React","className","onClick","translate","length","map","index","key","Title","style","background","ImageUrl","href","Url"],"mappings":"yIAGe,SAASA,EAAKC,GAEzB,MAAM,MAAEC,GAAUD,GACXE,EAAaC,IAAkBC,cAASH,IACxCI,EAAYC,IAAiBF,cAAS,CAAC,IACvCG,EAAUC,IAAeJ,cAAS,KAGzCK,gBAAU,KACN,IAAIC,EAAgB,GACpBT,EAAMU,SACDC,IACGA,EAAKC,WAAWF,SACXG,KAC4C,IAArCJ,EAAcK,QAAQD,IACtBJ,EAAcM,KAAKF,EACvB,GAEP,IAITJ,EAAcO,MAAK,CAACC,EAAGC,IAAMD,EAAEE,cAAcD,KAE7Cb,EAAcI,EAAc,GAC7B,IAEH,MAAMW,EAAkBT,IACpBJ,EAAYI,GACZ,IAAIU,EAAWrB,EACH,IAARW,IACAU,EAAWrB,EAAMsB,QAAOC,GAAKA,EAAEX,WAAWY,SAASb,MAEvDT,EAAemB,EAAS,EAG5B,OACII,gBAAA,OAAKC,UAAU,6BAEXD,gBAAA,OAAKC,UAAU,2CACXD,gBAAA,MAAIC,UAAU,wBACVD,gBAAA,MAAIE,QAASA,IAAMP,EAAe,IAAKM,UAAuB,IAAZpB,EAAiB,wBAA0B,iBAAiBsB,OAAU,aACvHxB,EAAWyB,OAAS,GACjBzB,EAAW0B,KAAI,CAACnB,EAAMoB,IAClBN,gBAAA,MAAIO,IAAKD,EAAQpB,EAAMgB,QAASA,IAAMP,EAAeT,GAAOe,UAAWpB,GAAYK,EAAO,wBAA0B,gBAAiBA,OAKrJc,gBAAA,OAAKC,UAAU,6BACXD,gBAAA,OAAKC,UAAU,kBACVzB,EAAY4B,OAAS,GAClB5B,EAAY6B,KAAI,CAACnB,EAAMoB,IACnBN,gBAAA,OAAKO,IAAKD,EAAQpB,EAAKsB,MAAOP,UAAU,oDACpCD,gBAAA,OAAKC,UAAU,kBAAkBQ,MAAO,CAAEC,WAAY,OAASxB,EAAKyB,SAAW,MAC3EX,gBAAA,OAAKC,UAAU,6BACXD,gBAAA,KAAGC,UAAU,UAAUW,KAAM1B,EAAK2B,KAAM3B,EAAKsB,MACzCR,gBAAA,OAAKC,UAAU,iBAAgBE,OAAU,0BAWrF,C","file":"250.5639873a602e5968ecb8.js","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { translate } from '../Services/translation';\n\nexport default function Blog(props) {\n\n    const { items } = props;\n    const [itemsToShow, setItemsToShow] = useState(items);\n    const [categories, setCategories] = useState({});\n    const [selected, setSelected] = useState(\"\");\n\n\n    useEffect(() => {\n        var allCategories = [];\n        items.forEach(\n            (item) => {\n                item.Categories.forEach(\n                    (category) => {\n                        if (allCategories.indexOf(category) === -1) {\n                            allCategories.push(category);\n                        }\n                    }\n                );\n            }\n        );\n\n        allCategories.sort((a, b) => a.localeCompare(b));\n\n        setCategories(allCategories);\n    }, []);\n\n    const changeSelected = (item) => {\n        setSelected(item);\n        var newItems = items;\n        if (item != '') {\n            newItems = items.filter(x => x.Categories.includes(item));\n        }\n        setItemsToShow(newItems);\n    }\n\n    return (\n        <div className=\"blog-page__blog-component\">\n\n            <div className=\"blog-page__categories-container columns\">\n                <ul className=\"custom-scroll-mobile\">\n                    <li onClick={() => changeSelected('')} className={selected == '' ? 'selected small-button' : 'small-button'}>{translate('blog.all')}</li>\n                    {categories.length > 0 &&\n                        categories.map((item, index) =>\n                            <li key={index + item} onClick={() => changeSelected(item)} className={selected == item ? 'selected small-button' : 'small-button'}>{item}</li>\n                        )\n                    }\n                </ul>\n            </div>\n            <div className=\"blog-page__item-container\">\n                <div className=\"blog-page__row\">\n                    {itemsToShow.length > 0 &&\n                        itemsToShow.map((item, index) =>\n                            <div key={index + item.Title} className=\"blog-page__item-wrapper large-4 small-12 columns\">\n                                <div className=\"blog-page__item\" style={{ background: 'url(' + item.ImageUrl + ')' }}>\n                                    <div className=\"blog-page__text-container\">\n                                        <a className=\"title-2\" href={item.Url}>{item.Title}\n                                            <div className=\"small-button\">{translate('blog.readmore')}</div>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                        )\n                    }\n                </div>\n            </div>\n        </div>\n    );\n}\n"],"sourceRoot":""}