{"version":3,"file":"component---src-pages-tag-index-jsx-45ddf1d8b89dcfcda674.js","mappings":"2OAUA,MA0FaA,EAAOA,KAClB,MAAMC,EAA4B,oBAAXC,OAAyBA,OAAOC,SAASC,KAAO,GAEvE,OACEC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,EAAG,CAACC,UAAWN,MAKtB,UApGYO,IAAsB,IAADC,EAAAC,EAAA,IAApB,YAAEC,GAAaH,EAC1B,MAAMI,GAAeC,EAAAA,EAAAA,KACfC,EAAOH,SAAiB,QAANF,EAAXE,EAAaI,YAAI,IAAAN,OAAN,EAAXA,EAAmBO,MAE1B,EAACC,EAAS,EAACC,IAAeC,EAAAA,EAAAA,UAAS,MAEnCC,EAAYf,EAAAA,OAAa,MACzBgB,EAAUhB,EAAAA,OAAa,OACvB,EAACiB,EAAM,EAACC,IAAYJ,EAAAA,EAAAA,UAAS,QAEnCd,EAAAA,WAAgB,KACd,IAAImB,EAASJ,EAAUK,QAEnBvB,OAAOwB,YAAc,IACvBF,EAAOG,UAAUC,IAAI,cAErBJ,EAAOG,UAAUE,OAAO,cAG1B3B,OAAO4B,iBAAiB,UAAU,KAC5B5B,OAAOwB,YAAc,IACvBF,EAAOG,UAAUC,IAAI,cAErBJ,EAAOG,UAAUE,OAAO,iBAI5B,IAAIE,EAAUC,aAAaC,QAAQ,SAEnC,GAAIF,GAAsB,IAAXA,EAAe,CACfG,SAASC,cAAc,QAC7BR,UAAUC,IAAI,UACrBL,EAASQ,EACX,IACC,CAACX,IA+BJ,OARAgB,EAAAA,EAAAA,YAAU,KACR,IAAIC,GAT4BC,EASaxB,EAAdF,EARnB2B,QAAQF,GACXA,EAAMtB,KAAKyB,KAAKC,MAAMC,MAAMC,GAC1BA,EAAI3B,KAAK4B,cAAcC,SAASP,EAAQM,oBAH1BE,IAAOR,EAW5BD,GAASA,EAAMU,OAAS,GAC1B7B,EAAYmB,KAEb,CAACzB,EAAcE,IAGhBT,EAAAA,cAAC2C,EAAAA,EAAS,KACR3C,EAAAA,cAAC4C,EAAAA,EAAa,MACd5C,EAAAA,cAAA,OAAK6C,UAAU,aACb7C,EAAAA,cAAA,OAAK6C,UAAU,sBACb7C,EAAAA,cAAA,OAAK6C,UAAU,oBACf7C,EAAAA,cAAA,OAAK6C,UAAU,0BAGnB7C,EAAAA,cAAC8C,EAAAA,EAAM,CACLC,GAAIhC,EACJiC,GAAIhC,EACJC,MAAOA,EACPgC,gBA1CmBC,IACvB,IAAIC,EAAStB,SAASC,cAAc,QACnB,QAAboB,GACFhC,EAAS,UACTiC,EAAO7B,UAAUC,IAAI,UACrBI,aAAayB,QAAQ,QAAS,YAE9BlC,EAAS,QACTiC,EAAO7B,UAAUE,OAAO,UACxBG,aAAa0B,WAAW,aAmCxBrD,EAAAA,cAACsD,EAAAA,EAAU,CACTC,MAAOjD,SAAiB,QAAND,EAAXC,EAAaI,YAAI,IAAAL,OAAN,EAAXA,EAAmBM,KAAK6C,cAC/BC,UAAU,+DAEZzD,EAAAA,cAAC0D,EAAAA,EAAQ,CAAC1B,MAAOpB,IACjBZ,EAAAA,cAAC2D,EAAAA,EAAM,O,qCC5Eb,IAjBmBxD,IAAsC,IAArC,MAAEoD,EAAK,UAAEE,EAAS,UAAEZ,GAAW1C,EACjD,OACEH,EAAAA,cAAA,WAAS6C,UAAW,eAAeA,GAAaA,KAC9C7C,EAAAA,cAAA,OAAK6C,UAAU,aACb7C,EAAAA,cAAA,OAAK6C,UAAU,8BACb7C,EAAAA,cAAA,OAAK6C,UAAU,qBACb7C,EAAAA,cAAA,OAAK6C,UAAU,oBACb7C,EAAAA,cAAA,MAAI6C,UAAU,oBAAoBU,GAClCvD,EAAAA,cAAA,SAAIyD,Q","sources":["webpack://evolvan/./src/pages/tag/index.jsx","webpack://evolvan/./src/components/Page-header/page-header.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport DarkTheme from \"layouts/Dark\";\nimport Navbar from \"components/Navbar/navbar\";\nimport PageHeader from \"components/Page-header/page-header\";\nimport Footer from \"components/Footer/footer\";\nimport { GetBlogPostData } from \"components/ApiServices/GetBlogPostsdata\";\nimport BlogGrid from \"components/Blog-grid/blog-grid\";\nimport SEO from \"components/seo/seo\";\nimport LoadingScreen from \"components/Loading-Screen\";\n\nconst Tag = ({ pageContext }) => {\n  const getBlogPosts = GetBlogPostData();\n  const tagN = pageContext?.node?.name;\n\n  const [blogData, setBlogData] = useState(null);\n\n  const navbarRef = React.useRef(null);\n  const logoRef = React.useRef(null);\n  const [theme, setTheme] = useState(\"Dark\");\n\n  React.useEffect(() => {\n    var navbar = navbarRef.current;\n\n    if (window.pageYOffset > 300) {\n      navbar.classList.add(\"nav-scroll\");\n    } else {\n      navbar.classList.remove(\"nav-scroll\");\n    }\n\n    window.addEventListener(\"scroll\", () => {\n      if (window.pageYOffset > 300) {\n        navbar.classList.add(\"nav-scroll\");\n      } else {\n        navbar.classList.remove(\"nav-scroll\");\n      }\n    });\n\n    var storage = localStorage.getItem(\"theme\");\n\n    if (storage && storage != \"\") {\n      let bodyEl = document.querySelector(\"body\");\n      bodyEl.classList.add(\"themeL\");\n      setTheme(storage);\n    }\n  }, [navbarRef]);\n\n  const themeModeChange = (themeMode) => {\n    let bodyEl = document.querySelector(\"body\");\n    if (themeMode == \"Dark\") {\n      setTheme(\"themeL\");\n      bodyEl.classList.add(\"themeL\");\n      localStorage.setItem(\"theme\", \"themeL\");\n    } else {\n      setTheme(\"Dark\");\n      bodyEl.classList.remove(\"themeL\");\n      localStorage.removeItem(\"theme\");\n    }\n  };\n\n  const filterByTechnology = (data, tagName) => {\n    return data.filter((blogs) => {\n      return blogs.node.tags.nodes.some((tag) => {\n        return tag.name.toLowerCase().includes(tagName.toLowerCase());\n      });      \n    });\n  };\n\n  useEffect(() => {\n    let blogs = filterByTechnology(getBlogPosts, tagN);\n\n    if (blogs && blogs.length > 0) {\n      setBlogData(blogs);\n    }\n  }, [getBlogPosts, tagN]);\n\n  return (\n    <DarkTheme>\n      <LoadingScreen/>\n      <div className=\"circle-bg\">\n        <div className=\"circle-color fixed\">\n          <div className=\"gradient-circle\"></div>\n          <div className=\"gradient-circle two\"></div>\n        </div>\n      </div>\n      <Navbar\n        nr={navbarRef}\n        lr={logoRef}\n        theme={theme}\n        themeModeChange={themeModeChange}\n      />\n      <PageHeader\n        title={pageContext?.node?.name.toUpperCase()}\n        paragraph=\"All the most current news and events of our creative team.\"\n      />\n      <BlogGrid blogs={blogData} />\n      <Footer />\n    </DarkTheme>\n  );\n};\n\nexport const Head = () => {\n  const liveUrl = typeof window !== \"undefined\" ? window.location.href : \"\";\n\n  return (\n    <>\n      <SEO canonical={liveUrl} />\n    </>\n  );\n};\n\nexport default Tag;\n","import React from 'react'\r\n\r\nconst PageHeader = ({ title, paragraph, className }) => {\r\n  return (\r\n    <section className={`page-header ${className && className}`}>\r\n      <div className=\"container\">\r\n        <div className=\"row justify-content-center\">\r\n          <div className=\"col-lg-7 col-md-9\">\r\n            <div className=\"cont text-center\">\r\n              <h1 className=\"mb-10 color-font\">{title}</h1>\r\n              <p>{paragraph}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default PageHeader;"],"names":["Head","liveUrl","window","location","href","React","SEO","canonical","_ref","_pageContext$node","_pageContext$node2","pageContext","getBlogPosts","GetBlogPostData","tagN","node","name","blogData","setBlogData","useState","navbarRef","logoRef","theme","setTheme","navbar","current","pageYOffset","classList","add","remove","addEventListener","storage","localStorage","getItem","document","querySelector","useEffect","blogs","tagName","filter","tags","nodes","some","tag","toLowerCase","includes","filterByTechnology","length","DarkTheme","LoadingScreen","className","Navbar","nr","lr","themeModeChange","themeMode","bodyEl","setItem","removeItem","PageHeader","title","toUpperCase","paragraph","BlogGrid","Footer"],"sourceRoot":""}