{"version":3,"sources":["webpack:///./src/template/secteur.js"],"names":["Secteur","pageContext","nom","slug","currentId","regions","currentSecteursActors","acteurs","nodes","filter","acteur","secteur","contentful_id","title","description","keywords","to","map","region","i","actors","length","key","empty","href"],"mappings":"uNAwBmB,oHAKJ,SAASA,EAAT,GAAgC,IAAdC,EAAa,EAAbA,YACtBC,EAAwBD,EAAxBC,IAAKC,EAAmBF,EAAnBE,KAAMC,EAAaH,EAAbG,UADwB,SAGnCC,EAHmC,EAGnCA,QA4BDC,EA/BoC,EAG1BC,QA4BsBC,MAAMC,QAAO,SAAAC,GAAM,OAAIA,EAAOC,QAAQC,gBAAkBR,KAE9F,OACI,YAAC,IAAD,KACI,YAAC,IAAD,CACIS,MAAUX,EAAL,aACLY,YAAW,qCAAuCZ,EAClDa,SAAU,CAAC,cAAD,2BAA8Cb,EAA9C,aAEd,YAAC,IAAD,CAASc,GAAG,KAAZ,UACA,YAAC,IAAD,wDACA,YAAC,IAAD,KACKX,EAAQG,MAAMS,KAAI,SAACC,EAAQC,GACxB,IAAMC,EAASd,EAAsBG,QAAO,SAAAC,GAAM,OAAIA,EAAOQ,OAAON,gBAAkBM,EAAON,iBAE7F,OAAGQ,EAAOC,OAAS,EAEX,YAAC,IAAD,CAAUC,IAAKJ,EAAON,eAClB,YAAC,OAAD,CAAMI,GAAE,IAAMb,EAAN,IAAce,EAAOf,MACxBe,EAAOhB,IADZ,KACmBkB,EAAOC,OAD1B,MAOJ,YAAC,IAAD,CAAUC,IAAKJ,EAAON,cAAeW,OAAK,GACtC,iBAAGC,KAAK,KAAKN,EAAOhB,IAApB,KAA2BkB,EAAOC,OAAlC,a","file":"component---src-template-secteur-js-380f3af85d1de2fdbae2.js","sourcesContent":["import React from 'react'\nimport { useStaticQuery, Link, graphql } from 'gatsby'\nimport {\n    Layout,\n    SEO,\n    FullHeightWrapper,\n    Question,\n    Card,\n    NavLink,\n    FlexWrapper,\n    HalfCard\n  } from '../components/elements'\nimport styled from '@emotion/styled'\n\nconst RegionCard = styled(Card)`\n    ${tw`w-1/3 px-5 text-lg`}\n    ${p => p.empty && `\n        color: gray;\n    ` }\n    &:nth-of-type(even){\n        margin-left: auto;\n    }\n`\n\nconst RegionWrapper = styled.div`\n  ${tw`flex flex-wrap px-2`}\n`\n\n\nexport default function Secteur({pageContext}){\n    const {nom, slug, currentId} = pageContext;\n    \n    const {regions, acteurs} = useStaticQuery(graphql`\n        query getregions {\n            regions:allContentfulRegions(sort: {order: ASC, fields: order}) {\n                nodes {\n                    contentful_id\n                    slug\n                    nom\n                }\n            }\n            acteurs:allContentfulActeur {\n                nodes {\n                    nom\n                    slug\n                    produits\n                    npaLocalite\n                    produits\n                    secteur {\n                        contentful_id\n                    }\n                    region{\n                        contentful_id\n                    }\n                }\n            }\n        }\n\n    `)\n \n    const currentSecteursActors = acteurs.nodes.filter(acteur => acteur.secteur.contentful_id === currentId);\n\n    return(\n        <FullHeightWrapper>\n            <SEO\n                title={`${nom} - régions`}\n                description={`Liste des régions pour le secteur ${nom}`}\n                keywords={[`entreprises`, `équitable`, `bio`, `étique`, nom, `régions`]}\n            />\n            <NavLink to=\"/\">Retour</NavLink>\n            <Question>Quelle région est la plus proche de chez vous ?</Question>\n            <FlexWrapper>\n                {regions.nodes.map((region, i) => {\n                    const actors = currentSecteursActors.filter(acteur => acteur.region.contentful_id === region.contentful_id);\n                    \n                    if(actors.length > 0)\n                        return(\n                            <HalfCard key={region.contentful_id}>\n                                <Link to={`/${slug}/${region.slug}`}>\n                                    {region.nom} ({actors.length})\n                                </Link>\n                            </HalfCard>\n                        )\n                    else\n                        return(\n                            <HalfCard key={region.contentful_id} empty>\n                                <a href=\"#\">{region.nom} ({actors.length})</a>\n                            </HalfCard>\n                        ) \n                })}\n            </FlexWrapper>\n        </FullHeightWrapper>\n    )\n}"],"sourceRoot":""}