{"version":3,"sources":["webpack:///./src/template/actorList.js"],"names":["SubTitle","Produits","StyledCard","Card","Category","pageContext","currentSecteur","currentDistrict","secteurSlug","districtSlug","actors","title","description","keywords","to","content","right","noArrow","map","actor","i","key","slug","state","nom","npaLocalite","produits","productsArray","products","join","length","substring"],"mappings":"mKAaMA,EAAQ,gFAGRC,EAAQ,gFAGRC,EAAa,YAAOC,IAAP,qBAAH,wBA8CDC,UA1CE,SAAC,GAAmB,IAAlBC,EAAiB,EAAjBA,YACRC,EAAsED,EAAtEC,eAAgBC,EAAsDF,EAAtDE,gBAAiBC,EAAqCH,EAArCG,YAAaC,EAAwBJ,EAAxBI,aAAcC,EAAUL,EAAVK,OAUnE,OACE,YAAC,IAAD,KACE,YAAC,IAAD,CACEC,MAAOL,EAAiB,MAAQC,EAChCK,YAAW,qBAAuBN,EAAvB,4BAAiEC,EAC5EM,SAAU,CAAC,cAAD,2BAA8CP,EAAgBC,KAE1E,YAAC,IAAD,CAASO,GAAE,IAAMN,GAAjB,UACA,YAAC,IAAD,CAASM,GAAE,IAAOC,QAAQ,UAAUC,OAAK,EAACC,SAAO,IACjD,YAAC,IAAD,gCAEE,YAAC,IAAD,mDAIEP,EAAOQ,KAAI,SAACC,EAAOC,GACjB,OACE,YAAClB,EAAD,CAAYmB,IAAKD,GACf,YAAC,OAAD,CAAMN,GAAE,IAAMK,EAAMG,KAAQC,MAAO,CAACf,YAAaA,EAAaC,aAAcA,IAC1E,qBAAG,qBAAIU,EAAMK,MACb,YAACxB,EAAD,KAAWmB,EAAMM,aACjB,YAACxB,EAAD,KAAWkB,EAAMO,WA7BTC,EA6BoCR,EAAMO,UA5B1DE,EAAWD,EAAcE,KAAK,OACxBC,OAAS,IACZF,EAASG,UAAU,EAAGJ,EAAc,GAAGG,OAASH,EAAc,GAAGG,OAAS,GAAK,MAE/EF,MALY,IAACD,EAChBC","file":"component---src-template-actor-list-js-5a0f47a518c23f5a461f.js","sourcesContent":["import React from 'react'\nimport {\n    Layout,\n    SEO,\n    FullHeightWrapper,\n    Card,\n    Question,\n    NavLink,\n    Hint\n  } from '../components/elements';\nimport styled from '@emotion/styled';\nimport {Link} from 'gatsby';\n\nconst SubTitle = styled.div`\n  ${tw`text-sm italic`}\n`\nconst Produits = styled.div`\n  ${tw`text-sm italic`}\n`\nconst StyledCard = styled(Card)`\n  ${tw`pt-3`}\n`\n\nconst Category = ({pageContext}) => {\n    const {currentSecteur, currentDistrict, secteurSlug, districtSlug, actors} = pageContext;\n\n    const renderProducts = (productsArray) => {\n      const products = productsArray.join(', ')\n      if(products.length > 100)\n        return products.substring(0, productsArray[0].length + productsArray[1].length + 4) + \"...\"\n      else\n        return products\n    }\n\n    return(\n      <FullHeightWrapper>\n        <SEO\n          title={currentSecteur + ' - ' + currentDistrict}\n          description={`Liste des acteurs ${currentSecteur} équitables de la région ${currentDistrict}`}\n          keywords={[`entreprises`, `équitable`, `bio`, `étique`, currentSecteur, currentDistrict]}\n        />\n        <NavLink to={`/${secteurSlug}`}>Retour</NavLink>\n        <NavLink to={`/`} content=\"Acceuil\" right noArrow/>\n        <Question>\n          Les acteurs de la région\n          <Hint>Cliquez sur un acteur pour en savoir plus</Hint>\n\n        </Question>\n          {\n            actors.map((actor, i) => {\n              return(\n                <StyledCard key={i}>\n                  <Link to={`/${actor.slug}`} state={{secteurSlug: secteurSlug, districtSlug: districtSlug}}>\n                    <b><i>{actor.nom}</i></b>\n                    <SubTitle>{actor.npaLocalite}</SubTitle>\n                    <Produits>{actor.produits && renderProducts(actor.produits)}</Produits>\n                  </Link>\n                </StyledCard>\n              )\n            })\n          }\n      </FullHeightWrapper>\n    )\n}\n\nexport default Category"],"sourceRoot":""}