{"version":3,"sources":["webpack://frontend-fichas/./src/components/BaseCandidatoCard.js","webpack://frontend-fichas/./src/components/CandidatoCard.js","webpack://frontend-fichas/./src/templates/candidatos.js"],"names":["className","url","children","partido","Link","to","style","boxShadow","siglasPartido","src","withPrefix","idPartido","toString","alt","width","height","candidato","rutaBase","candidateId","nombre","cargo","candidatos","pageContext","location","window","undefined","title","nombrePuesto","descripcionProvincia","descripcionCanton","descripcionDistrito","nombrePartido","useSeleccionCombos","setIdPuestoSeleccionado","idPuestoSeleccionado","setIdProvinciaSeleccionada","idProvinciaSeleccionada","setIdCantonSeleccionado","idCantonSeleccionado","setIdDistritoSeleccionado","idDistritoSeleccionado","useEffect","seleccion","puesto","distrito","canton","provincia","SEO","ShareButtons","href","description","rutaCandidatos","map","index","key","Layout"],"mappings":"yNAwDA,EArD0B,SAAC,GAA2C,IAAzCA,EAAwC,EAAxCA,UAAWC,EAA6B,EAA7BA,IAAKC,EAAwB,EAAxBA,SAAUC,EAAc,EAAdA,QA2BrD,OACE,QAAC,EAAAC,KAAD,CAAMC,GAAIJ,IACR,eACED,UAAS,gEAAkEA,EAC3EM,MAAO,CACLC,UAAW,iCAGb,eAAKP,UAAU,sCAAsCG,EAAQK,gBAC7D,eAAKR,UAAU,wBAEb,eACEA,UAAU,UACVS,IAAG,IAAKC,gBAAW,oBAAsBP,EAAQQ,UAAUC,WAAxD,OACHC,IAAI,GACJC,MAAM,KACNC,OAAO,QAIVb,KC/BT,EAfsB,SAAC,GAAsC,IAApCc,EAAmC,EAAnCA,UAAWC,EAAwB,EAAxBA,SAAUd,EAAc,EAAdA,QAC5C,OACE,QAAC,EAAD,CACEH,UAAU,sCACVC,IAAQgB,EAAL,IAAiBD,EAAUE,YAC9Bf,QAASA,IAET,eAAKH,UAAU,iBACb,aAAGA,UAAU,yBAAyBgB,EAAUG,SAChD,aAAGnB,UAAU,gBAAgBgB,EAAUI,U,8BCJzCC,EAAa,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YACdC,EAA6B,oBAAXC,OAAyBA,OAAOD,cAAWE,EAC7DC,EAAK,kBAAqBJ,EAAYK,cAC1CL,EAAYM,qBAAZ,OAA0CN,EAAYM,qBAAyB,KAE/EN,EAAYO,kBAAZ,KAAqCP,EAAYO,kBAAsB,KAEvEP,EAAYQ,oBAAZ,KAAuCR,EAAYQ,oBAAwB,IALlE,aAMER,EAAYnB,QAAQ4B,cAEjC,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,EAAwBX,EAAYoB,UAAUC,QAC9CJ,EAA0BjB,EAAYoB,UAAUE,UAChDP,EAAwBf,EAAYoB,UAAUG,QAC9CV,EAA2Bb,EAAYoB,UAAUI,aAChD,KAGD,yBACE,QAACC,EAAA,EAAD,CAAKrB,MAAOA,KACZ,mBAAS1B,UAAU,4DACjB,eAAKA,UAAU,sEAEb,eAAKA,UAAU,wEACb,mBACE,cAAIA,UAAU,SACZ,mDACA,mBACE,gBAAMA,UAAU,WAElB,kBAAKsB,EAAYK,eACjB,mBACE,gBAAM3B,UAAU,QAAhB,OAEF,kBACGsB,EAAYM,qBACTN,EAAYM,qBACZ,gBAGLN,EAAYO,oBACX,yBACE,mBACE,gBAAM7B,UAAU,QAAhB,OAEF,kBAAKsB,EAAYO,oBAIpBP,EAAYQ,sBACX,yBACE,mBACE,gBAAM9B,UAAU,QAAhB,OAEF,kBAAKsB,EAAYQ,uBAIrB,mBACE,gBAAM9B,UAAU,QAAhB,OAEF,6BAAasB,EAAYnB,QAAQ4B,mBAKvC,QAACiB,EAAA,EAAD,CAAc/C,IAAKsB,aAAF,EAAEA,EAAU0B,KAAMvB,MAAOA,EAAOwB,YAAaxB,MAEhE,eAAK1B,UAAU,sEACb,QAAC,EAAAI,KAAD,CAAMJ,UAAU,4BAA4BK,GAAIiB,EAAY6B,gBAA5D,0CAMJ,mBAASnD,UAAU,uFACjB,eAAKA,UAAU,gDACZsB,EAAYnB,QAAQkB,WAAW+B,KAAI,SAACpC,EAAWqC,GAAZ,OAClC,eAAKC,IAAKD,EAAOrD,UAAU,SACzB,QAAC,EAAD,CACEgB,UAAWA,EACXC,SAAUK,EAAYL,SACtBd,QAASmB,EAAYnB,kBASrCkB,EAAWkC,OAASA,IACpB","file":"component---src-templates-candidatos-js-c450bafa326219804376.js","sourcesContent":["import React from 'react'\r\nimport { Link, withPrefix } from 'gatsby'\r\n\r\nconst BaseCandidatoCard = ({ className, url, children, partido }) => {\r\n  // divisas de sorteo: 328px x 123px\r\n  // const data = useStaticQuery(graphql`\r\n  //   query divisas {\r\n  //     allFile(filter: { sourceInstanceName: { eq: \"divisas\" } }) {\r\n  //       edges {\r\n  //         node {\r\n  //           childImageSharp {\r\n  //             gatsbyImageData(\r\n  //               width: 59\r\n  //               height: 22\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    <Link to={url}>\r\n      <div\r\n        className={`w-40 h-40 p-6 rounded-lg border border-solid border-gray-200 ${className}`}\r\n        style={{\r\n          boxShadow: '0 10px 28px rgba(0,0,0,.08)',\r\n        }}\r\n      >\r\n        <div className=\"-mt-20 mb-12 text-xs font-semibold\">{partido.siglasPartido}</div>\r\n        <div className=\"-mt-12 mx-auto mb-8\">\r\n          {/* <GatsbyImage image={image} alt=\"\" /> */}\r\n          <img\r\n            className=\"mx-auto\"\r\n            src={`${withPrefix('/images/divisas/')}${partido.idPartido.toString()}.jpg`}\r\n            alt=\"\"\r\n            width=\"59\"\r\n            height=\"22\"\r\n          />\r\n        </div>\r\n\r\n        {children}\r\n      </div>\r\n    </Link>\r\n  )\r\n}\r\n\r\nexport default BaseCandidatoCard\r\n","import { navigate } from 'gatsby-link'\r\nimport React from 'react'\r\nimport BaseCandidatoCard from './BaseCandidatoCard'\r\n\r\nconst CandidatoCard = ({ candidato, rutaBase, partido }) => {\r\n  return (\r\n    <BaseCandidatoCard\r\n      className=\"mb-12 pt-12 bg-white cursor-pointer\"\r\n      url={`${rutaBase}/${candidato.candidateId}`}\r\n      partido={partido}\r\n    >\r\n      <div className=\"items-center\">\r\n        <p className=\"text-xs font-semibold\">{candidato.nombre}</p>\r\n        <p className=\"text-xs mt-4\">{candidato.cargo}</p>\r\n      </div>\r\n    </BaseCandidatoCard>\r\n  )\r\n}\r\n\r\nexport default CandidatoCard\r\n","// ver ejemplo de uso de pageContext en https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs\r\nimport { Link } from 'gatsby'\r\nimport React, { useEffect } from 'react'\r\nimport Layout from '../components/layout/LayoutCandidaturas'\r\nimport CandidatoCard from '../components/CandidatoCard'\r\nimport useSeleccionCombos from '../utils/useSeleccionCombos'\r\nimport SEO from '../components/SEO'\r\nimport ShareButtons from '../components/ShareButtons'\r\n\r\nconst candidatos = ({ 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  }, PARTIDO ${pageContext.partido.nombrePartido}`\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=\"flex flex-col xl:flex-row lg:-mx-3 items-start xs:justify-between\">\r\n          {/* breadcrumb */}\r\n          <div className=\"mb-6 xl: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\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\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\r\n                <li>\r\n                  <span className=\"mx-2\">/</span>\r\n                </li>\r\n                <li>PARTIDO {pageContext.partido.nombrePartido}</li>\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 className=\"flex flex-col md:flex-row lg:-mx-3 items-start xs:justify-between\">\r\n          <Link className=\"mb-6 md:mb-0 mt-4 xl:mt-0\" to={pageContext.rutaCandidatos}>\r\n            Volver atrás a la lista de partidos\r\n          </Link>\r\n        </div>\r\n      </section>\r\n\r\n      <section className=\"container mx-auto my-6 px-8 py-8 bg-gray-100 rounded-lg text-center content-center\">\r\n        <div className=\"flex flex-wrap flex-col md:flex-row md:-mx-3\">\r\n          {pageContext.partido.candidatos.map((candidato, index) => (\r\n            <div key={index} className=\"px-3\">\r\n              <CandidatoCard\r\n                candidato={candidato}\r\n                rutaBase={pageContext.rutaBase}\r\n                partido={pageContext.partido}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n    </>\r\n  )\r\n}\r\ncandidatos.Layout = Layout\r\nexport default candidatos\r\n"],"sourceRoot":""}