{"version":3,"sources":["webpack://frontend-fichas/./src/components/Card.js","webpack://frontend-fichas/./src/components/PartidoCard.js","webpack://frontend-fichas/./src/templates/partidos.js"],"names":["className","style","url","children","Link","to","boxShadow","partido","rutaBase","siglasPuesto","siglasPartido","replace","src","withPrefix","idPartido","toString","alt","width","height","nombrePartido","partidos","pageContext","location","window","undefined","title","nombrePuesto","descripcionProvincia","descripcionCanton","descripcionDistrito","useSeleccionCombos","setIdPuestoSeleccionado","idPuestoSeleccionado","setIdProvinciaSeleccionada","idProvinciaSeleccionada","setIdCantonSeleccionado","idCantonSeleccionado","setIdDistritoSeleccionado","idDistritoSeleccionado","useEffect","seleccion","puesto","distrito","canton","provincia","SEO","ShareButtons","href","description","map","key","Layout"],"mappings":"gNAcA,EAXa,SAAC,GAAD,IAAGA,EAAH,EAAGA,UAAWC,EAAd,EAAcA,MAAOC,EAArB,EAAqBA,IAAKC,EAA1B,EAA0BA,SAA1B,OACX,QAAC,EAAAC,KAAD,CAAMC,GAAIH,IACR,eACEF,UAAS,0GAA4GA,EACrHC,MAAK,iBAAO,CAAEK,UAAW,+BAAoCL,IAE5DE,KC8CP,EAlDoB,SAAC,GAAyC,IAAvCI,EAAsC,EAAtCA,QAAuBC,GAAe,EAA7BC,aAA6B,EAAfD,UA0B5C,OACE,QAAC,EAAD,CACER,UAAU,uCACVE,IAAQM,EAAL,MAAmBD,EAAQG,cAAcC,QAAQ,MAAO,IAAIA,QAAQ,MAAO,MAE9E,eAAKX,UAAU,+BAGb,eACEA,UAAU,kBACVY,IAAG,IAAKC,gBAAW,oBAAsBN,EAAQO,UAAUC,WAAxD,OACHC,IAAI,GACJC,MAAM,KACNC,OAAO,QAGT,eAAKlB,UAAU,yBACb,4BAAYO,EAAQY,mB,8BCvCxBC,EAAW,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YACZC,EAA6B,oBAAXC,OAAyBA,OAAOD,cAAWE,EAC7DC,EAAK,kBAAqBJ,EAAYK,aAAjC,KACTL,EAAYM,qBAAZ,OAA0CN,EAAYM,qBAAyB,KAE/EN,EAAYO,kBAAZ,KAAqCP,EAAYO,kBAAsB,KAEvEP,EAAYQ,oBAAZ,KAAuCR,EAAYQ,oBAAwB,IAG7E,GASIC,SAPFC,GAFF,EACEC,qBADF,EAEED,yBAEAE,GAJF,EAGEC,wBAHF,EAIED,4BAEAE,GANF,EAKEC,qBALF,EAMED,yBAEAE,GARF,EAOEC,uBAPF,EAQED,2BAUF,OAPAE,gBAAU,WACRR,EAAwBV,EAAYmB,UAAUC,QAC9CJ,EAA0BhB,EAAYmB,UAAUE,UAChDP,EAAwBd,EAAYmB,UAAUG,QAC9CV,EAA2BZ,EAAYmB,UAAUI,aAChD,KAGD,yBACE,QAACC,EAAA,EAAD,CAAKpB,MAAOA,KACZ,mBAASzB,UAAU,4DAEjB,eAAKA,UAAU,sEAIb,eAAKA,UAAU,wEACb,mBACE,cAAIA,UAAU,SACZ,mDACA,mBACE,gBAAMA,UAAU,WAElB,kBAAKqB,EAAYK,eACjB,mBACE,gBAAM1B,UAAU,QAAhB,OAEF,kBACGqB,EAAYM,qBACTN,EAAYM,qBACZ,gBAELN,EAAYO,oBACX,yBACE,mBACE,gBAAM5B,UAAU,QAAhB,OAEF,kBAAKqB,EAAYO,oBAGpBP,EAAYQ,sBACX,yBACE,mBACE,gBAAM7B,UAAU,QAAhB,OAEF,kBAAKqB,EAAYQ,0BAO3B,QAACiB,EAAA,EAAD,CAAc5C,IAAKoB,aAAF,EAAEA,EAAUyB,KAAMtB,MAAOA,EAAOuB,YAAavB,OAKlE,mBAASzB,UAAU,mEACjB,eAAKA,UAAU,uCACZqB,EAAYD,SAAS6B,KAAI,SAAA1C,GAAO,OAC/B,eAAK2C,IAAK3C,EAAQO,UAAWd,UAAU,oCACrC,QAAC,EAAD,CACEO,QAASA,EACTE,aAAcY,EAAYmB,UAAUC,OACpCjC,SAAUa,EAAYb,mBAUtCY,EAAS+B,OAASA,IAClB","file":"component---src-templates-partidos-js-46d2563bb002bfc64525.js","sourcesContent":["import { Link } from 'gatsby'\r\nimport React from 'react'\r\n\r\nconst Card = ({ className, style, url, children }) => (\r\n  <Link to={url}>\r\n    <div\r\n      className={`flex xs:block xs:w-40 h-32 xs:h-48 xs:py-8 px-8 xs:px-3 rounded-lg border border-solid border-gray-300 ${className}`}\r\n      style={{ ...{ boxShadow: '0 10px 28px rgba(0,0,0,.10)' }, ...style }}\r\n    >\r\n      {children}\r\n    </div>\r\n  </Link>\r\n)\r\n\r\nexport default Card\r\n","import { withPrefix } from 'gatsby'\r\n// import { GatsbyImage, getImage } from 'gatsby-plugin-image'\r\nimport React from 'react'\r\nimport Card from './Card'\r\n\r\nconst PartidoCard = ({ partido, siglasPuesto, rutaBase }) => {\r\n  // const data = useStaticQuery(graphql`\r\n  //   query allDivisas {\r\n  //     allFile(filter: { sourceInstanceName: { eq: \"divisas\" } }) {\r\n  //       edges {\r\n  //         node {\r\n  //           childImageSharp {\r\n  //             gatsbyImageData(\r\n  //               width: 96\r\n  //               height: 36\r\n  //               formats: [JPG]\r\n  //               transformOptions: { fit: FILL }\r\n  //             )\r\n  //           }\r\n  //           name\r\n  //         }\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // `)\r\n\r\n  // const image = getImage(\r\n  //   data.allFile.edges.find(edge => edge.node.name == partido.idPartido.toString()).node\r\n  //     .childImageSharp\r\n  // )\r\n\r\n  return (\r\n    <Card\r\n      className=\"mb-2 xs:mb-6 bg-white cursor-pointer\"\r\n      url={`${rutaBase}/p-${partido.siglasPartido.replace(/\\./g, '').replace(/\\ /g, '')}`}\r\n    >\r\n      <div className=\"flex xs:block items-center\">\r\n        {/* <GatsbyImage className=\"xs:mb-5\" image={image} alt=\"\" /> */}\r\n        {/* <div className=\"w-full h-24\"> */}\r\n        <img\r\n          className=\"xs:mb-5 mx-auto\"\r\n          src={`${withPrefix('/images/divisas/')}${partido.idPartido.toString()}.jpg`}\r\n          alt=\"\"\r\n          width=\"96\"\r\n          height=\"36\"\r\n        />\r\n        {/* </div> */}\r\n        <div className=\"text-sm ml-6 xs:ml-0\">\r\n          <p>PARTIDO {partido.nombrePartido}</p>\r\n        </div>\r\n      </div>\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport default PartidoCard\r\n","// ver ejemplo de uso de pageContext en https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs\r\n\r\nimport React, { useEffect } from 'react'\r\nimport Layout from '../components/layout/LayoutCandidaturas'\r\nimport PartidoCard from '../components/PartidoCard'\r\nimport SEO from '../components/SEO'\r\nimport ShareButtons from '../components/ShareButtons'\r\nimport useSeleccionCombos from '../utils/useSeleccionCombos'\r\n\r\nconst partidos = ({ pageContext }) => {\r\n  const location = typeof window !== 'undefined' ? window.location : undefined\r\n  const title = `Candidaturas a ${pageContext.nombrePuesto} ${\r\n    pageContext.descripcionProvincia ? ` de ${pageContext.descripcionProvincia}` : ''\r\n  }${\r\n    pageContext.descripcionCanton ? `, ${pageContext.descripcionCanton}` : ''\r\n  }${\r\n    pageContext.descripcionDistrito ? `, ${pageContext.descripcionDistrito}` : ''\r\n  }`\r\n\r\n  const {\r\n    idPuestoSeleccionado,\r\n    setIdPuestoSeleccionado,\r\n    idProvinciaSeleccionada,\r\n    setIdProvinciaSeleccionada,\r\n    idCantonSeleccionado,\r\n    setIdCantonSeleccionado,\r\n    idDistritoSeleccionado,\r\n    setIdDistritoSeleccionado,\r\n  } = useSeleccionCombos()\r\n\r\n  useEffect(() => {\r\n    setIdPuestoSeleccionado(pageContext.seleccion.puesto)\r\n    setIdDistritoSeleccionado(pageContext.seleccion.distrito)\r\n    setIdCantonSeleccionado(pageContext.seleccion.canton)\r\n    setIdProvinciaSeleccionada(pageContext.seleccion.provincia)\r\n  }, [])\r\n\r\n  return (\r\n    <>\r\n      <SEO title={title}></SEO>\r\n      <section className=\"container mx-auto my-6 px-8 py-8 bg-gray-100 rounded-lg\">\r\n        {/* <div className=\"card bg-white py-3 px-5 rounded-xl flex flex-col mb-5\"> */}\r\n        <div className=\"flex flex-col md:flex-row lg:-mx-3 items-start xs:justify-between\">\r\n          {/* <div className=\"w-full\"> */}\r\n          {/* breadcrumb */}\r\n          {/* <div className=\"py-3 px-5 mb-4 bg-gray-100 text-gray-900 rounded-md border border-gray-200\"> */}\r\n          <div className=\"mb-6 md:mb-0 py-0 px-0 bg-gray-100 text-gray-900 rounded-md text-sm\">\r\n            <h1>\r\n              <ul className=\"flex\">\r\n                <li>Está viendo candidaturas de:</li>\r\n                <li>\r\n                  <span className=\"mx-2\"></span>\r\n                </li>\r\n                <li>{pageContext.nombrePuesto}</li>\r\n                <li>\r\n                  <span className=\"mx-2\">/</span>\r\n                </li>\r\n                <li>\r\n                  {pageContext.descripcionProvincia\r\n                    ? pageContext.descripcionProvincia\r\n                    : 'TODO EL PAÍS'}\r\n                </li>\r\n                {pageContext.descripcionCanton && (\r\n                  <>\r\n                    <li>\r\n                      <span className=\"mx-2\">/</span>\r\n                    </li>\r\n                    <li>{pageContext.descripcionCanton}</li>\r\n                  </>\r\n                )}\r\n                {pageContext.descripcionDistrito && (\r\n                  <>\r\n                    <li>\r\n                      <span className=\"mx-2\">/</span>\r\n                    </li>\r\n                    <li>{pageContext.descripcionDistrito}</li>\r\n                  </>\r\n                )}\r\n              </ul>\r\n            </h1>\r\n          </div>\r\n          {/* breadcrumb */}\r\n          <ShareButtons url={location?.href} title={title} description={title}></ShareButtons>\r\n          {/* </div> */}\r\n        </div>\r\n      </section>\r\n\r\n      <section className=\"xs:mx-12 my-0 px-3 xs:px-0 py-2 xs:py-4 bg-gray-100 rounded-lg\">\r\n        <div className=\"flex flex-wrap flex-col xs:flex-row\">\r\n          {pageContext.partidos.map(partido => (\r\n            <div key={partido.idPartido} className=\"xs:px-3 xs:text-center xs:-mr-3\">\r\n              <PartidoCard\r\n                partido={partido}\r\n                siglasPuesto={pageContext.seleccion.puesto}\r\n                rutaBase={pageContext.rutaBase}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n    </>\r\n  )\r\n}\r\n\r\npartidos.Layout = Layout\r\nexport default partidos\r\n"],"sourceRoot":""}