{"version":3,"file":"component---src-templates-unites-js-7c4f439c5bd67edb2e15.js","mappings":"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","sources":["webpack://benahmed-education/./src/components/CoursePreview.js","webpack://benahmed-education/./src/components/dashboard/TeacherDashboard/components/molecules/Tabs/Tabs.js","webpack://benahmed-education/./src/components/Corridor.js","webpack://benahmed-education/./src/templates/unites.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 React, { useEffect, useState } from \"react\";\nimport { navigate } from \"gatsby\";\n\nimport { Button } from \"../../../../../atomes\";\n\nconst Tabs = ({\n  // use Map instead of an array for tabs\n  tabs = [\n    {\n      name: \"\",\n      value: \"\",\n      component: () => <p>this component is empty</p>,\n      args: {},\n    },\n  ],\n  style = {},\n  location = { hash: null, pathname: \"\" },\n  parent = \"\",\n}) => {\n  const getInitialValue = () => {\n    const { hash } = location;\n\n    if (parent) {\n      return hash ? hash.split(\"#\").slice(-1)[0] : tabs[0]?.value;\n    } else {\n      return hash ? hash.split(\"#\").slice(1)[0] : tabs[0]?.value;\n    }\n  };\n  const [selectedTab, setSelectedTab] = useState(getInitialValue());\n  useEffect(() => {\n    setSelectedTab(getInitialValue());\n  }, [location.hash]);\n\n  const updateSelectedTab = tab => e => {\n    e.preventDefault();\n    if (parent) {\n      navigate(`${location.pathname}#${parent}#${tab}`);\n    } else {\n      navigate(`${location.pathname}#${tab}`);\n    }\n  };\n\n  return (\n    <>\n      <div style={{ display: \"flex\", justifyContent: \"space-around\" }}>\n        {tabs.length > 0\n          ? tabs.map(tab => {\n              return (\n                <Button\n                  key={`${tab.value}title`}\n                  className={`${selectedTab === tab.value ? \"selected\" : \"\"}`}\n                  type=\"link\"\n                  handelClick={updateSelectedTab(tab.value)}\n                  style={style}\n                >\n                  {tab.name}\n                </Button>\n              );\n            })\n          : null}\n      </div>\n      <div>\n        {tabs.length > 0\n          ? tabs.map(tab => {\n              const Component = tab.component;\n              return (\n                selectedTab === tab.value && (\n                  <Component key={tab.value} {...tab.args} />\n                )\n              );\n            })\n          : null}\n      </div>\n    </>\n  );\n};\n\nexport default Tabs;\n","import React, { useState } from \"react\";\nimport { Link } from \"gatsby\";\n\nconst itemsInit = count => {\n  const states = [];\n  for (let c = 0; c < count; c++) {\n    states.push(false);\n  }\n  return states;\n};\n\nconst Corridor = ({ items }) => {\n  let [isOpen, setIsOpen] = useState(itemsInit(items.length));\n\n  const toggleOpner = itemNumber => event => {\n    event.preventDefault();\n    setIsOpen(isOpen.map((v, index) => (itemNumber === index ? !v : false)));\n  };\n\n  return (\n    <div id=\"menu\">\n      <ul>\n        {items.map(([title, contents], index) => {\n          return (\n            <li key={index}>\n              <span\n                className={`opener ${isOpen[index] ? \"active\" : \"\"}`}\n                onClick={toggleOpner(index)}\n              >\n                {title}\n              </span>\n              <ul>{contents}</ul>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default Corridor;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport Layout from \"../components/layout\";\nimport CoursePreview from \"../components/CoursePreview\";\nimport Tabs from \"components/dashboard/TeacherDashboard/components/molecules/Tabs/Tabs\";\nimport { unites } from \"utility/const\";\nimport Corridor from \"components/Corridor\";\n\nconst OrderByUnite = ({ data = [], category, title }) => {\n  console.log(\n    \"in order by unit\",\n    data.map(v => v.course.frontmatter.unite)\n  );\n  const unitesTitle = unites[category].reduce(\n    (acc, v) => ({ ...acc, [v]: [] }),\n    {}\n  );\n\n  const results = data.reduce((acc, { course }) => {\n    acc[course.frontmatter.unite]?.push(course);\n    return acc;\n  }, unitesTitle);\n  const items = Object.entries(results).map(([header, contents]) => {\n    return [header, <Content title={title} data={contents} />];\n  });\n  return <Corridor items={items} />;\n};\nconst Content = ({ data = [], title }) => {\n  return (\n    <div className=\"posts\">\n      {data.length > 0 && (\n        <>\n          <h4 style={{ width: \"100%\" }}>العدد: {data.length}</h4>\n        </>\n      )}\n      {data.length > 0 ? (\n        (data.length + Math.floor(data.length / 5) + 1) % 2 === 0 ? (\n          data.map((course, index) => {\n            return (\n              <>\n                {/* {index % 5 === 0 ? <ListingAds /> : null} */}\n                <CoursePreview\n                  key={index}\n                  course={{\n                    title: course?.frontmatter?.title,\n                    slug: course?.fields?.slug,\n                    fluid: {\n                      ...course?.frontmatter?.thumbnail.childImageSharp.fluid,\n                      originalName: course?.frontmatter?.thumbnail?.childImageSharp?.fluid?.originalName?.replace(\n                        /Banner|.png/g,\n                        \"\"\n                      ),\n                    },\n                    description:\n                      course?.frontmatter?.description || course?.excerpt,\n                  }}\n                  loading={index > 3 ? \"eager\" : \"lazy\"}\n                />\n              </>\n            );\n          })\n        ) : (\n          [\n            ...data.map((course, index) => {\n              return (\n                <>\n                  {/* {index % 5 === 0 ? <ListingAds /> : null} */}\n                  <CoursePreview\n                    key={index}\n                    course={{\n                      title: course?.frontmatter?.title,\n                      slug: course?.fields?.slug,\n                      fluid: {\n                        ...course?.frontmatter?.thumbnail.childImageSharp.fluid,\n                        originalName: course?.frontmatter?.thumbnail?.childImageSharp?.fluid?.originalName?.replace(\n                          /Banner|.png/g,\n                          \"\"\n                        ),\n                      },\n                      description:\n                        course?.frontmatter?.description || course?.excerpt,\n                    }}\n                    loading={index > 3 ? \"eager\" : \"lazy\"}\n                  />\n                </>\n              );\n            }),\n            <div key={data.length}></div>,\n          ]\n        )\n      ) : (\n        <p>\n          سوف يتم إضافة\n          {` ال${title} `}\n          قريبا\n        </p>\n      )}\n    </div>\n  );\n};\n\nconst Unites = ({\n  data: {\n    courses: { nodes: coursesData },\n    exercises: { nodes: exercisesData },\n    series: { nodes: seriesData },\n  },\n  pageContext: { level, division },\n  location,\n}) => {\n  const tabs = [\n    {\n      name: \"دروس\",\n      value: \"courses\",\n      component: OrderByUnite,\n      args: {\n        data: coursesData,\n        title: \"دروس\",\n        category: `${level} ${division}`,\n      },\n    },\n    {\n      name: \"تمارين\",\n      value: \"exercises\",\n      component: OrderByUnite,\n      args: {\n        data: exercisesData,\n        title: \"تمارين\",\n        category: `${level} ${division}`,\n      },\n    },\n    {\n      name: \"سلاسل\",\n      value: \"series\",\n      component: OrderByUnite,\n      args: {\n        data: seriesData,\n        title: \"سلاسل\",\n        category: `${level} ${division}`,\n      },\n    },\n  ];\n  return (\n    <Layout title={`${level} ${division}`} location={location}>\n      <Tabs tabs={tabs} style={{ fontSize: \"1.5em\" }} location={location} />\n    </Layout>\n  );\n};\n\nexport default Unites;\n\nexport const query = graphql`\n  query($level: String!, $division: String!) {\n    courses: allFile(\n      filter: {\n        sourceInstanceName: { eq: \"courses\" }\n        childMdx: {\n          frontmatter: {\n            level: { eq: $level }\n            division: { eq: $division }\n            lessonType: { eq: \"درس\" }\n          }\n        }\n      }\n      sort: { fields: childMdx___frontmatter___rank }\n    ) {\n      nodes {\n        course: childMdx {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            description\n            unite\n            thumbnail {\n              childImageSharp {\n                fluid(quality: 100) {\n                  ...GatsbyImageSharpFluid_withWebp\n                  originalName\n                }\n              }\n            }\n          }\n          excerpt(truncate: true)\n        }\n      }\n    }\n    exercises: allFile(\n      filter: {\n        sourceInstanceName: { eq: \"exercises\" }\n        childMdx: {\n          frontmatter: {\n            level: { eq: $level }\n            division: { eq: $division }\n            lessonType: { eq: \"تمرين\" }\n          }\n        }\n      }\n      sort: { fields: childMdx___frontmatter___rank }\n    ) {\n      nodes {\n        course: childMdx {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            unite\n            description\n            thumbnail {\n              childImageSharp {\n                fluid(quality: 100) {\n                  ...GatsbyImageSharpFluid_withWebp\n                  originalName\n                }\n              }\n            }\n          }\n          excerpt(truncate: true)\n        }\n      }\n    }\n    series: allFile(\n      filter: {\n        sourceInstanceName: { eq: \"series\" }\n        childMdx: {\n          frontmatter: {\n            level: { eq: $level }\n            division: { eq: $division }\n            lessonType: { eq: \"سلسلة\" }\n          }\n        }\n      }\n      sort: { fields: childMdx___frontmatter___rank }\n    ) {\n      nodes {\n        course: childMdx {\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            unite\n            description\n            thumbnail {\n              childImageSharp {\n                fluid(quality: 100) {\n                  ...GatsbyImageSharpFluid_withWebp\n                  originalName\n                }\n              }\n            }\n          }\n          excerpt(truncate: true)\n        }\n      }\n    }\n  }\n`;\n"],"names":["_ref","course","loading","React","Card","item","Wrapper","_ref2","children","Link","to","slug","tabs","name","value","component","args","style","location","hash","pathname","parent","getInitialValue","_tabs$","_tabs$2","split","slice","selectedTab","setSelectedTab","useState","useEffect","updateSelectedTab","tab","e","preventDefault","navigate","display","justifyContent","length","map","Button","key","className","type","handelClick","Component","Object","assign","items","isOpen","setIsOpen","count","states","c","push","itemsInit","id","index","title","contents","onClick","itemNumber","event","v","OrderByUnite","data","category","console","log","frontmatter","unite","unitesTitle","unites","reduce","acc","_objectSpread","results","_acc$course$frontmatt","entries","_ref3","header","Content","Corridor","_ref4","width","Math","floor","_course$frontmatter","_course$fields","_course$frontmatter2","_course$frontmatter3","_course$frontmatter3$","_course$frontmatter3$2","_course$frontmatter3$3","_course$frontmatter3$4","_course$frontmatter4","CoursePreview","fields","fluid","thumbnail","childImageSharp","originalName","replace","description","excerpt","concat","_toConsumableArray","_course$frontmatter5","_course$fields2","_course$frontmatter6","_course$frontmatter7","_course$frontmatter7$","_course$frontmatter7$2","_course$frontmatter7$3","_course$frontmatter7$4","_course$frontmatter8","_ref5","courses","nodes","coursesData","exercises","exercisesData","series","seriesData","pageContext","level","division","Layout","Tabs","fontSize"],"sourceRoot":""}