{"version":3,"sources":["webpack:///./src/templates/asmet-photo.js","webpack:///./src/components/home/menu.js"],"names":["AsmetPhotoTemplate","photo","data","photoSingle","asmetHome","useAsmetHome","crumbs","path","label","slug","titulo","meta","og_tipo","og_titulo","og_descripcion","descripcion","id","className","format","fecha","imagenes","map","item","index","key","alt","src","url","menuSecundario","menu_secundario","Menu","props","link","customClass","icono","publicURL","nombre","defaultProps","tipo","link_id"],"mappings":"8FAAA,qGA6EeA,UAhEY,SAAH,GAAkB,IAClCC,EAD0B,EAAJC,KACTC,YAEbC,EAAYC,cAEZC,EAAS,CACb,CAAEC,KAAK,SAAWC,MAAO,SACzB,CAAED,KAAK,SAAWC,MAAO,SACzB,CAAED,KAAK,UAAWN,EAAMQ,KAAQD,MAAOP,EAAMS,SAG/C,OACE,kBAAC,IAAM,CACLC,KACEV,EAAMU,KAAI,iBACDV,EAAMU,KAAK,CAACC,QAAS,UAC1B,CACEA,QAAS,QACTC,UAAWZ,EAAMS,OACjBI,eAAgBb,EAAMc,aAAe,OAI7C,yBAAKC,GAAG,sBAAsBC,UAAU,6BACtC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,OACb,kBAAC,IAAU,CAACX,OAAQA,IACpB,wBAAIW,UAAU,mCAAmChB,EAAMS,YAK/D,yBAAKM,GAAG,mBAAmBC,UAAU,kBACnC,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,mBACb,uBAAGA,UAAU,6BACX,kBAAC,IAAM,CAACC,OAAO,MAAMjB,EAAMkB,QAE5BlB,EAAMc,YAAc,2BAAId,EAAMc,aAAmB,QAIxD,yBAAKE,UAAU,iCACb,yBAAKA,UAAU,+BACZhB,EAAMmB,SAASC,KAAI,SAACC,EAAMC,GACzB,OACE,yBAAKN,UAAU,OAAOO,IAAKD,GACzB,yBACEE,IAAKxB,EAAMS,OACXgB,IAAKJ,EAAKK,IACVV,UAAU,qCAOtB,6BACA,kBAAC,IAAI,CAACW,eAAgBxB,EAAUyB,qB,kCCxEtC,qCAMMC,EAAO,SAAAC,GACX,IAAQH,EAAmBG,EAAnBH,eACR,OACE,yBAAKZ,GAAG,WAAWC,UAAU,0BAC3B,yBAAKA,UAAU,OACZW,EAAeP,KAAI,SAACC,EAAMC,GACzB,OACE,yBAAKN,UAAU,qBAAqBO,IAAKD,GACvC,kBAAC,IAAU,CACTS,KAAMV,EACNW,YAAa,YAAwB,IAAVV,EAAc,UAAY,KAErD,yBAAKG,IAAKJ,EAAKY,OAASZ,EAAKY,MAAMC,UAAYb,EAAKY,MAAMC,UAAY,4BAA6BV,IAAKH,EAAKc,SAC5Gd,EAAKc,eAuBtBN,EAAKO,aAAe,CAClBT,eAAgB,CACd,CACEQ,OAAO,uBACPE,KAAK,SACLC,QAAQ,IACRL,MAAO,CACLC,UAAU,oFAMHL","file":"component---src-templates-asmet-photo-js-258bd7121793f02973fd.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Moment from \"react-moment\"\n\n// Layout\nimport Layout from \"../components/layout\"\n// Components\nimport Menu from \"../components/home/menu\"\nimport Breadcrumb from \"../components/elements/breadcrumb\"\n\n// Hooks\nimport { useAsmetHome } from \"../hooks/use-asmet-home\"\n\nconst AsmetPhotoTemplate = ({ data }) => {\n  const photo = data.photoSingle\n\n  const asmetHome = useAsmetHome()\n\n  const crumbs = [\n    { path: `/media`, label: \"Media\" },\n    { path: `/fotos`, label: \"Fotos\" },\n    { path: `/fotos/${photo.slug}`, label: photo.titulo },\n  ]\n\n  return (\n    <Layout\n      meta={\n        photo.meta\n          ? { ...photo.meta, og_tipo: \"photo\" }\n          : {\n              og_tipo: \"photo\",\n              og_titulo: photo.titulo,\n              og_descripcion: photo.descripcion || null,\n            }\n      }\n    >\n      <div id=\"asm-template-header\" className=\"contanier-fluid pt-3 pb-3\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col\">\n              <Breadcrumb crumbs={crumbs} />\n              <h3 className=\"text-white-alpha text-left pt-4\">{photo.titulo}</h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div id=\"asm-page-general\" className=\"container my-5\">\n        <div className=\"row justify-content-center\">\n          <div className=\"col-12 col-sm-8\">\n            <p className=\"text-gray-beta text-right\">\n              <Moment format=\"LL\">{photo.fecha}</Moment>\n            </p>\n            {photo.descripcion ? <p>{photo.descripcion}</p> : null}\n          </div>\n        </div>\n      </div>\n      <div className=\"asm-media-main container my-5\">\n        <div className=\"asm-media-grid card-columns\">\n          {photo.imagenes.map((item, index) => {\n            return (\n              <div className=\"card\" key={index}>\n                <img\n                  alt={photo.titulo}\n                  src={item.url}\n                  className=\"card-img-top img-thumbnail\"\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      <hr />\n      <Menu menuSecundario={asmetHome.menu_secundario} />\n    </Layout>\n  )\n}\n\nexport default AsmetPhotoTemplate\n\nexport const query = graphql`\n  query PhotoSingle($id: String!) {\n    photoSingle: strapiMediaFoto(strapiId: { eq: $id }) {\n      strapiId\n      slug\n      titulo\n      meta {\n        og_titulo\n        og_imagen {\n          publicURL\n        }\n        og_descripcion\n      }\n      fecha\n      descripcion\n      imagenes {\n        formats {\n          thumbnail {\n            publicURL\n          }\n          small {\n            publicURL\n          }\n          medium {\n            publicURL\n          }\n          large {\n            publicURL\n          }\n        }\n        url\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport CustomLink from \"../elements/custom-link\"\n\nconst Menu = props => {\n  const { menuSecundario } = props\n  return (\n    <div id=\"asm-menu\" className=\"container my-0 my-sm-5\">\n      <div className=\"row\">\n        {menuSecundario.map((item, index) => {\n          return (\n            <div className=\"col-sm text-center\" key={index}>\n              <CustomLink\n                link={item}\n                customClass={\"nav-link\" + (index === 0 ? \" active\" : \"\")}\n              >\n                <img src={item.icono && item.icono.publicURL ? item.icono.publicURL : \"http://placehold.it/75x75\"} alt={item.nombre} />\n                {item.nombre}\n              </CustomLink>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nMenu.propTypes = {\n  menuSecundario: PropTypes.arrayOf(\n    PropTypes.shape({\n      nombre: PropTypes.string.isRequired,\n      tipo: PropTypes.string.isRequired,\n      link_id: PropTypes.string.isRequired,\n      icono: PropTypes.shape({\n        publicURL: PropTypes.string.isRequired,\n      }).isRequired,\n    })\n  ).isRequired,\n}\n\nMenu.defaultProps = {\n  menuSecundario: [\n    {\n      nombre: `Afiliación a la Mano`,\n      tipo: `Pagina`,\n      link_id: `/`,\n      icono: {\n        publicURL: `/static/6e42e9fd87b792be6a3040d64eeec6b3/36e2e83e7518ebc69a1b6b2108c16be8.png`,\n      },\n    },\n  ],\n}\n\nexport default Menu\n"],"sourceRoot":""}