{"version":3,"file":"component---src-pages-gallery-jsx-4c23f059acfe9af8bbcd.js","mappings":"qNA2DA,UAlDgB,WACd,IAAQA,EAAmBC,GAAAA,CAAgB,CAAC,mBAApCD,eACR,GAAsCE,EAAAA,EAAAA,YAA/BC,EAAP,KAAoBC,EAApB,KAEMC,GAAiBC,EAAAA,EAAAA,cAAY,WACjCC,IAAAA,IACUP,EAAeQ,QADzB,gCAEGC,MAAK,SAACC,GAAS,IAAD,EACbN,EAAc,UAACM,EAAIC,YAAL,aAAC,EAAUA,WAE5B,CAACX,EAAeQ,UAMnB,OAJAI,EAAAA,EAAAA,YAAU,WACRP,MACC,CAACA,IAGF,2BACE,gBAAC,IAAD,CAAKQ,MAAM,+BAA+BC,SAAS,YACnD,gBAAC,IAAD,CAAQC,UAAQ,EAACC,aAAa,mBAC5B,uBAAKC,UAAU,qBACb,uBAAKA,UAAU,aACb,qCACA,uBAAKA,UAAU,mBACZd,IACCA,MAAAA,OADU,EACVA,EACIe,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,WAAaD,EAAEC,cACjCC,MAAM,EAAG,IACTC,KAAI,SAACC,GACJ,OACE,uBAAKP,UAAU,YAAYQ,IAAKD,MAAAA,OAAF,EAAEA,EAAMH,YAEpC,uBAAKJ,UAAU,eACb,uBACES,MAAO,CAAEC,MAAO,QAChBC,IAAKJ,MAAAA,OAAF,EAAEA,EAAMK,MACXC,IAAI","sources":["webpack://kanha-shanthi-vanam/./src/pages/gallery.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\n\n// import instaFeed from \"../assets/data/insta\";\nimport axios from \"axios\";\nimport Seo from \"../components/seo\";\nimport Layout from \"../layout\";\nimport \"../assets/styles/gallery.scss\";\nimport getMandatoryEnv from \"../../../sites-common/utils/getMandatoryEnv\";\n\nconst Gallery = () => {\n  const { kanhaAPIConfig } = getMandatoryEnv([\"kanhaAPIConfig\"]);\n  const [galleryData, setGalleryData] = useState();\n\n  const galleryGetData = useCallback(() => {\n    axios\n      .get(`${kanhaAPIConfig.formUrl}/api/v1/data/?module=gallery`)\n      .then((res) => {\n        setGalleryData(res.data?.data);\n      });\n  }, [kanhaAPIConfig.formUrl]);\n\n  useEffect(() => {\n    galleryGetData();\n  }, [galleryGetData]);\n\n  return (\n    <div>\n      <Seo title=\"Gallery | Kanha Santhi Vanam\" pagepath=\"gallery\" />\n      <Layout isSticky wrapperClass=\"gallery_section\">\n        <div className=\"gallery_container\">\n          <div className=\"container\">\n            <h1>Gallery</h1>\n            <div className=\"gallery_wrapper\">\n              {galleryData &&\n                galleryData\n                  ?.sort((a, b) => a.sort_order - b.sort_order)\n                  .slice(0, 16)\n                  .map((item) => {\n                    return (\n                      <div className=\"image-box\" key={item?.sort_order}>\n                        {/* <div className=\"img-wrapper\">{item.img}</div> */}\n                        <div className=\"img-wrapper\">\n                          <img\n                            style={{ width: \"100%\" }}\n                            src={item?.image}\n                            alt=\"Gallery\"\n                          />\n                        </div>\n                      </div>\n                    );\n                  })}\n            </div>\n          </div>\n        </div>\n      </Layout>\n    </div>\n  );\n};\n\nexport default Gallery;\n"],"names":["kanhaAPIConfig","getMandatoryEnv","useState","galleryData","setGalleryData","galleryGetData","useCallback","axios","formUrl","then","res","data","useEffect","title","pagepath","isSticky","wrapperClass","className","sort","a","b","sort_order","slice","map","item","key","style","width","src","image","alt"],"sourceRoot":""}