component---src-pages-certificados-js-c1211fc207d7998141e3.js.map

{"version":3,"sources":["webpack:///./src/images/diploma-react-router-redux.svg","webpack:///./src/images/diploma-react.svg","webpack:///./src/images/diploma-javascript-navegador.svg","webpack:///./src/images/diploma-git-github.svg","webpack:///./src/images/diploma-backend-js.svg","webpack:///./src/images/diploma-javascript-profesional.svg","webpack:///./src/images/diploma-fundamentos-javascript.svg","webpack:///./src/images/diploma-spa-javascript.svg","webpack:///./src/images/diploma-animaciones-web.svg","webpack:///./src/images/diploma-html5-css3.svg","webpack:///./src/images/diploma-programacion-basica.svg","webpack:///./src/images/diploma-hablar-en-publico.svg","webpack:///./src/images/diploma-ecmascript-6.svg","webpack:///./src/images/diploma-responsive-design.svg","webpack:///./src/images/diploma-next-js.svg","webpack:///./src/images/diploma-storytelling.svg","webpack:///./src/components/Certificate.js","webpack:///./src/pages/certificados.js","webpack:///./src/images/diploma-prework.svg","webpack:///./src/images/diploma-webpack.svg","webpack:///./src/images/diploma-tailwind-css.svg","webpack:///./src/images/diploma-marca-personal.svg","webpack:///./src/images/diploma-arquitecto.svg","webpack:///./src/images/diploma-graphql.svg","webpack:///./src/images/diploma-css-grid-layout.svg","webpack:///./src/images/diploma-postcss.svg"],"names":["module","exports","Certificate","props","imgs","ProgBasica","MarcaPersonal","DevWeb","ResponsiveDesign","GitAndGithub","CSSGrid","FundamentosJs","ES6","V8Chrome","JsProfesional","SpaJs","Webpack","PostCSS","AnimationWeb","Prework","React","ReactD","RouterAndRedux","NextJs","GraphQl","TailwindCSS","NodeJs","HablarPublico","StoryTelling","ArquitectoFrontend","className","categories","src","hasOwnProperty","getSrcImg","alt","name","Certificates","certificates","data","allCertificatesJson","edges","useState","certificatesFiltered","setCertificatesFiltered","handleClick","event","target","attributes","value","filter","node","categorie","lang","title","Layout","onClick","map","key"],"mappings":"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","file":"component---src-pages-certificados-js-c1211fc207d7998141e3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/diploma-react-router-redux-524202b651e91fefa5ebfad6e7784888.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-react-584d972e489f5aabb952d6c2c320b512.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-javascript-navegador-edd5c12507ca7220bd6d42ece5b93919.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-git-github-656956e9a007bca396272dffe06a86b6.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-backend-js-c168a543105204cd66fcfc952db40170.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-javascript-profesional-360fc84d99d8c89487a0d26e7e9c924c.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-fundamentos-javascript-e9a9bc8b2526e314e8b2600e9f486a6f.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-spa-javascript-c50e7c58f71350e5d80b00be29a0d3c8.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-animaciones-web-e8aee4455fd16489171a9325f36fa355.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-html5-css3-b22896b7114f61f22ef07a428eed5788.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-programacion-basica-52edfc8c9e867f481e95ab46efb24cac.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-hablar-en-publico-58206077adf4d108895527a1b0b640e7.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-ecmascript-6-b8514fdb7f107e5d601ff72073326a3b.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-responsive-design-21ea5218e4be466c5bcb61e44160bcc4.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-next-js-216330be0f5fe8f48683f15237fe4d87.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-storytelling-3fd5288602a317ca4655155e6930c869.svg\";","import React from \"react\"\n\nimport ProgBasica from \"../images/diploma-programacion-basica.svg\"\nimport MarcaPersonal from \"../images/diploma-marca-personal.svg\"\nimport DevWeb from \"../images/diploma-html5-css3.svg\"\nimport ResponsiveDesign from \"../images/diploma-responsive-design.svg\"\nimport GitAndGithub from \"../images/diploma-git-github.svg\"\nimport CSSGrid from \"../images/diploma-css-grid-layout.svg\"\nimport FundamentosJs from \"../images/diploma-fundamentos-javascript.svg\"\nimport ES6 from \"../images/diploma-ecmascript-6.svg\"\nimport V8Chrome from \"../images/diploma-javascript-navegador.svg\"\nimport JsProfesional from \"../images/diploma-javascript-profesional.svg\"\nimport SpaJs from \"../images/diploma-spa-javascript.svg\"\nimport Webpack from \"../images/diploma-webpack.svg\"\nimport PostCSS from \"../images/diploma-postcss.svg\"\nimport AnimationWeb from \"../images/diploma-animaciones-web.svg\"\nimport Prework from \"../images/diploma-prework.svg\"\nimport ReactD from \"../images/diploma-react.svg\"\nimport RouterAndRedux from \"../images/diploma-react-router-redux.svg\"\nimport NextJs from \"../images/diploma-next-js.svg\"\nimport GraphQl from \"../images/diploma-graphql.svg\"\nimport TailwindCSS from \"../images/diploma-tailwind-css.svg\"\nimport NodeJs from \"../images/diploma-backend-js.svg\"\nimport HablarPublico from \"../images/diploma-hablar-en-publico.svg\"\nimport StoryTelling from \"../images/diploma-storytelling.svg\"\nimport ArquitectoFrontend from \"../images/diploma-arquitecto.svg\"\n\nimport \"../css/components/Certificate.css\"\n\nconst Certificate = props => {\n  const imgs = {\n    ProgBasica: ProgBasica,\n    MarcaPersonal: MarcaPersonal,\n    DevWeb: DevWeb,\n    ResponsiveDesign: ResponsiveDesign,\n    GitAndGithub: GitAndGithub,\n    CSSGrid: CSSGrid,\n    FundamentosJs: FundamentosJs,\n    ES6: ES6,\n    V8Chrome: V8Chrome,\n    JsProfesional: JsProfesional,\n    SpaJs: SpaJs,\n    Webpack: Webpack,\n    PostCSS: PostCSS,\n    AnimationWeb: AnimationWeb,\n    Prework: Prework,\n    React: ReactD,\n    RouterAndRedux: RouterAndRedux,\n    NextJs: NextJs,\n    GraphQl: GraphQl,\n    TailwindCSS: TailwindCSS,\n    NodeJs: NodeJs,\n    HablarPublico: HablarPublico,\n    StoryTelling: StoryTelling,\n    ArquitectoFrontend: ArquitectoFrontend,\n  }\n\n  const getSrcImg = src => {\n    if (imgs.hasOwnProperty(src)) {\n      return imgs[src]\n    }\n  }\n  return (\n    <div className=\"Certificate\" categories={props.categories}>\n      <img src={getSrcImg(props.src)} alt={props.name} />\n    </div>\n  )\n}\n\nexport default Certificate\n","import React, { useState } from \"react\"\n\nimport { graphql } from \"gatsby\"\n\nimport SEO from \"../components/Seo.js\"\nimport Layout from \"../components/Layout.js\"\nimport Certificate from \"../components/Certificate.js\"\n\nimport \"../css/pages/Certificates.css\"\n\nconst Certificates = ({ data }) => {\n  const certificates = data.allCertificatesJson.edges\n  const [certificatesFiltered, setCertificatesFiltered] = useState(certificates)\n\n  const handleClick = event => {\n    if (event.target.attributes[0].value === \"CrecimientoProfesional\") {\n      setCertificatesFiltered(\n        certificates.filter(\n          ({ node }) => node.categorie === \"CrecimientoProfesional\"\n        )\n      )\n    }\n    if (event.target.attributes[0].value === \"Marketing\") {\n      setCertificatesFiltered(\n        certificates.filter(({ node }) => node.categorie === \"Marketing\")\n      )\n    }\n    if (event.target.attributes[0].value === \"Programacion\") {\n      setCertificatesFiltered(\n        certificates.filter(({ node }) => node.categorie === \"Programacion\")\n      )\n    }\n    if (event.target.attributes[0].value === \"Todos\") {\n      setCertificatesFiltered(certificates)\n    }\n  }\n  return (\n    <>\n      <SEO lang=\"es\" title=\"Certificados\" />\n\n      <Layout>\n        <div className=\"Certificates\">\n          <div className=\"Certificates-buttons\">\n            <button categorie=\"Todos\" onClick={handleClick}>\n              Todos\n            </button>\n            <button categorie=\"Programacion\" onClick={handleClick}>\n              Programacion\n            </button>\n            <button categorie=\"Marketing\" onClick={handleClick}>\n              Marketing\n            </button>\n            <button categorie=\"CrecimientoProfesional\" onClick={handleClick}>\n              Crecimiento Profesional\n            </button>\n          </div>\n          <div className=\"Certificates-container\">\n            {certificatesFiltered.map(({ node }, key) => {\n              return (\n                <Certificate\n                  key={key}\n                  name={node.name}\n                  src={node.src}\n                  categories={node.categories}\n                />\n              )\n            })}\n          </div>\n        </div>\n      </Layout>\n    </>\n  )\n}\n\nexport const query = graphql`\n  {\n    allCertificatesJson {\n      edges {\n        node {\n          name\n          src\n          categorie\n        }\n      }\n    }\n  }\n`\n\nexport default Certificates\n","module.exports = __webpack_public_path__ + \"static/diploma-prework-c2e8142ed1767c2f008a1b9926a4b652.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-webpack-cc2439b34c84777875f27f565eae9318.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-tailwind-css-aea264bbf17bc4f3b1122d1ca96df8f7.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-marca-personal-d5762c3eb47b067ed40bd77e2a50cc2d.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-arquitecto-af40d8b225f7105c6e612dcf8b49f2e8.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-graphql-817b63fccada6e363bc3dbf1c0ee79de.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-css-grid-layout-21f67c9f55ed6b429cff73c23676bf04.svg\";","module.exports = __webpack_public_path__ + \"static/diploma-postcss-da7ebdea9ae00e293e9b38edc33a2551.svg\";"],"sourceRoot":""}