{"version":3,"file":"component---src-pages-index-js-33620e3f5162ebbbfb5c.js","mappings":"mKAYA,IAPsBA,IAA0B,IAAzB,OAAEC,EAAM,QAAEC,GAASF,EAIxC,OAAOG,EAAAA,cAACC,EAAAA,GAAI,CAACC,KAAMJ,EAAQC,QAASA,EAASI,QAH5BC,IAAmB,IAAlB,SAAEC,GAAUD,EAC5B,OAAOJ,EAAAA,cAACM,EAAAA,KAAI,CAACC,GAAIT,EAAOU,MAAOH,EAAgB,GAEiB,C,gtBC4CpE,MAnDmBI,KACJC,EAAAA,EAAAA,gBAAe,cAkChBC,QAAQC,MAAMC,KAAIhB,IAAA,IAAAiB,EAAAC,EAAA,IAAC,QAAEC,GAASnB,EAAA,MAAM,CAC9CoB,MAAOD,EAAQE,YAAYD,MAC3BE,YAAaH,EAAQE,YAAYC,YACjCX,KAAMQ,EAAQI,OAAOZ,KACrBa,MAAKC,EAAAA,EAAA,GACAN,EAAQE,YAAYK,UAAUC,gBAAgBH,OAAK,IACtDI,aAAiE,QAArDX,EAAEE,EAAQE,YAAYK,UAAUC,gBAAgBH,aAAK,IAAAP,GAAc,QAAdC,EAAnDD,EAAqDW,oBAAY,IAAAV,OAAd,EAAnDA,EAAmEW,QAC/E,eACA,MAGJC,OAAQX,EAAQE,YAAYS,OAC5BC,QAASZ,EAAQY,QAClB,ICKH,MAhDkB/B,IAAmB,IAAlB,SAAEgC,GAAUhC,EAC7B,MAAMmB,EAAUP,IAChB,OACET,EAAAA,cAAC8B,EAAAA,EAAM,CACLC,YAAY,EACZC,eAAgB,CACdf,MAAO,iCACPE,YAAa,sDACbc,IAAK,cACLzB,KAAM,eACNmB,OAAQ,UAEVV,MAAM,eACNiB,aAAa,OACbL,SAAUA,GAEV7B,EAAAA,cAAA,OAAKmC,UAAU,SACZnB,EAAQoB,OAAS,GAAM,EACpBpB,EAAQH,KAAI,CAACf,EAAQuC,IAEjBrC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACsC,EAAAA,EAAa,CACZC,IAAKzC,EAAOmB,MACZlB,QAAmB,IAAVsC,EAAc,QAAU,OACjCvC,OAAQA,OAId,GAAA0C,QAAAC,EAAAA,EAAAA,GAEGzB,EAAQH,KAAI,CAACf,EAAQuC,IAEpBrC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACsC,EAAAA,EAAa,CACZC,IAAKzC,EAAOmB,MACZlB,QAAmB,IAAVsC,EAAc,QAAU,OACjCvC,OAAQA,QAId,CACFE,EAAAA,cAAA,OAAKuC,IAAK,OAGX,C","sources":["webpack://benahmed-education/./src/components/CoursePreview.js","webpack://benahmed-education/./src/hooks/useCourses.js","webpack://benahmed-education/./src/pages/index.js"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"gatsby\";\n\nimport { Card } from \"./atomes\";\n\nconst CoursePreview = ({ course, loading }) => {\n  const CardLink = ({ children }) => {\n    return <Link to={course.slug}>{children}</Link>;\n  };\n  return <Card item={course} loading={loading} Wrapper={CardLink} />;\n};\n\nexport default CoursePreview;\n","import { graphql, useStaticQuery } from \"gatsby\";\n\nconst useCourses = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      allFile(\n        filter: {\n          sourceInstanceName: { eq: \"courses\" }\n          childMdx: { excerpt: { ne: null } }\n        }\n        sort: { fields: [childMdx___frontmatter___date], order: DESC }\n        limit: 10\n      ) {\n        nodes {\n          courses: childMdx {\n            fields {\n              slug\n            }\n            frontmatter {\n              title\n              description\n              thumbnail {\n                childImageSharp {\n                  fluid(quality: 100) {\n                    ...GatsbyImageSharpFluid_withWebp\n                    originalName\n                  }\n                }\n              }\n              banner\n            }\n            excerpt\n          }\n        }\n      }\n    }\n  `);\n  return data.allFile.nodes.map(({ courses }) => ({\n    title: courses.frontmatter.title,\n    description: courses.frontmatter.description,\n    slug: courses.fields.slug,\n    fluid: {\n      ...courses.frontmatter.thumbnail.childImageSharp.fluid,\n      originalName: courses.frontmatter.thumbnail.childImageSharp.fluid?.originalName?.replace(\n        /Banner|.png/g,\n        \"\"\n      ),\n    },\n    banner: courses.frontmatter.banner,\n    excerpt: courses.excerpt,\n  }));\n};\n\nexport default useCourses;\n","import React from \"react\";\n\nimport Layout from \"../components/layout\";\nimport CoursePreview from \"../components/CoursePreview\";\nimport useCourses from \"../hooks/useCourses\";\nimport \"../sass/main.scss\";\n\nconst IndexPage = ({ location }) => {\n  const courses = useCourses();\n  return (\n    <Layout\n      showBanner={true}\n      featuredCourse={{\n        title: \"دروس خصوصية مع الأستاذ بن أحمد\",\n        description: \"لكل مستويات الطور الثانوي في مادة العلوم الفيزيائية\",\n        btn: \"إقرأ المزيد\",\n        slug: \"/دروس-خصوصية\",\n        banner: \"magnet\",\n      }}\n      title=\"دروس وتمارين\"\n      classSection=\"Main\"\n      location={location}\n    >\n      <div className=\"posts\">\n        {courses.length % 2 === 0\n          ? courses.map((course, index) => {\n              return (\n                <>\n                  <CoursePreview\n                    key={course.title}\n                    loading={index === 0 ? \"eager\" : \"lazy\"}\n                    course={course}\n                  />\n                </>\n              );\n            })\n          : [\n              ...courses.map((course, index) => {\n                return (\n                  <>\n                    <CoursePreview\n                      key={course.title}\n                      loading={index === 0 ? \"eager\" : \"lazy\"}\n                      course={course}\n                    />\n                  </>\n                );\n              }),\n              <div key={1}></div>,\n            ]}\n      </div>\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n"],"names":["_ref","course","loading","React","Card","item","Wrapper","_ref2","children","Link","to","slug","useCourses","useStaticQuery","allFile","nodes","map","_courses$frontmatter$","_courses$frontmatter$2","courses","title","frontmatter","description","fields","fluid","_objectSpread","thumbnail","childImageSharp","originalName","replace","banner","excerpt","location","Layout","showBanner","featuredCourse","btn","classSection","className","length","index","CoursePreview","key","concat","_toConsumableArray"],"sourceRoot":""}