{"version":3,"sources":["webpack:///./src/components/Layout.js","webpack:///./src/templates/design2.js"],"names":["Layout","props","children","formateDate","date","Date","toDateString","Design2","data","blog","markdownRemark","location","useLocation","slug","frontmatter","language","React","useContext","I18nextContext","canoncalUrl","GATSBY_LANDING_PAGE_URL","rel","href","title","Meta_Description","Meta_Keywords","property","content","process","img","childImageSharp","fluid","src","className","lang","to","alt","dangerouslySetInnerHTML","__html","html","slug1","thumb","desctitle","desccontent","class","slug2","featuredImg","desctitle1","desccontent1"],"mappings":"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","file":"component---src-templates-design-2-js-e8ba5cac70d65e021e57.js","sourcesContent":["import React from 'react';\nimport '../styles/global.css';\n\n\nfunction Layout(props) {\n    return (\n        <div>\n             {props.children}\n        </div>\n    );\n}\n\nexport default Layout;","import React from \"react\"\nimport \"./design2.css\"\nimport Layout from \"../components/Layout\"\nimport { graphql } from \"gatsby\"\nimport Photo from \"../components/Photo\"\nimport Header from \"../pages/header\"\nimport \"../styles/resources.scss\"\nimport { Helmet } from \"react-helmet\"\nimport Footer from \"../components/common/footer\"\nimport {\n  useTranslation,\n  I18nextContext,\n  Trans,\n  Link,\n} from \"gatsby-plugin-react-i18next\";\nimport { useLocation } from \"@reach/router\"\n\nconst GATSBY_LANDING_PAGE_URL = process.env.GATSBY_LANDING_PAGE_URL\n\nfunction formateDate(date) {\n  let newDate = new Date(date * 1000).toDateString()\n  return newDate\n}\n\nconst Design2 = ({ data }) => {\n  // const context = React.useContext(I18nextContext);\n  const blog = data.markdownRemark;\n  const location = useLocation()\n\n\n\n  let slug = \"\"\n  if (data.markdownRemark != null) {slug = data.markdownRemark.frontmatter.slug}\n\n  const { language } = React.useContext(I18nextContext)\n\n  const buildCanonicalUrl = () =>\n    language === \"en\"\n      ? GATSBY_LANDING_PAGE_URL + `/blog/${slug}/`\n      : GATSBY_LANDING_PAGE_URL + `/${language}/blog/${slug}/`\n\n  const canoncalUrl = buildCanonicalUrl()\n  // const { t } = useTranslation()\n\n  return (\n    <Layout>\n      <Header />\n      {blog !== null && (\n        <>\n          <div>\n            <Helmet>\n              <Link rel=\"canonical\" href={canoncalUrl} />\n              <title>{blog.frontmatter.title}-Logipulse</title>\n              <description>{blog.frontmatter.Meta_Description}</description>\n              <keywords>{blog.frontmatter.Meta_Keywords}</keywords>\n                <meta property=\"og:locale\" content={language}/>\n                <meta property=\"og:type\" content=\"article\"></meta>\n                <meta property=\"og:site_name\" content=\"Logipulse\"></meta>\n                <meta property=\"og:title\" content={blog.frontmatter.title}></meta>\n                <meta property=\"og:url\" content={location.href}></meta>\n                <meta property=\"og:image\" content={GATSBY_LANDING_PAGE_URL+blog.frontmatter.img.childImageSharp.fluid.src}></meta>\n                <meta property=\"og:image:width\" content=\"640\"></meta>\n                <meta property=\"og:image:height\" content=\"360\"></meta>\n                <meta property=\"og:image:type\" content=\"image/jpeg\"></meta> \n            </Helmet>\n            <div className=\"banner-feature\">\n              <div className=\"container\">\n                <div className=\"row\">\n                  <div className=\"col-md-12\">\n                    <div className=\"resources-content-imgs\">\n                      <div className=\"resources_in_details\" lang={language}>\n                        <Link to=\"/\">\n                          <Trans>HOME</Trans>\n                        </Link>{\" \"}\n                        /{\" \"}\n                        <div className=\"featuress\">\n                          <Link to=\"/blog/\">\n                            <Trans>RESOURCES</Trans>\n                          </Link>{\" \"}\n                          / <Trans>ARTICLE</Trans>\n                        </div>\n                      </div>\n\n                      <div className=\"blogsub_main\" lang={language}>\n                        {blog.frontmatter.title}\n                      </div>\n                      <div className=\"resources_sub_main\" lang={language}>\n                        <Trans>{formateDate(blog.frontmatter.date)}</Trans>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"postTemplate\" lang={language}>\n            <div className=\"leftSide\" lang={language}>\n              <div className=\"postImage\">\n                <img\n                  src={blog.frontmatter.img.childImageSharp.fluid.src}\n                  alt={blog.frontmatter.title}\n                />\n              </div>\n              <div className=\"postTitle\" lang={language}>\n                {blog.frontmatter.title}\n              </div>\n\n              <div\n                className=\"postDesc htmlRender\"\n                lang={language}\n                dangerouslySetInnerHTML={{ __html: blog.html }}\n              ></div>\n            </div>\n            <div className=\"rightSide\" lang={language}>\n              <div className=\"rel\">\n                <div className=\"head_mbl\">\n                  <Trans>RELATED ARTICLES</Trans>\n                </div>\n                <div className=\"img picimages\" lang={language}>\n                  <Link\n                    to={\"/blog/\" + data.markdownRemark.frontmatter.slug1 + `/`}\n                  >\n                    <img\n                      src={blog.frontmatter.thumb.childImageSharp.fluid.src}\n                      alt={blog.frontmatter.title}\n                    />\n                  </Link>\n                </div>\n                <div className=\"date\" lang={language}>\n                  <Trans>{formateDate(blog.frontmatter.date)}</Trans>\n                </div>\n                <div className=\"heading\" lang={language}>\n                  {blog.frontmatter.desctitle}\n                </div>\n                <div className=\"desc\" lang={language}>\n                  {blog.frontmatter.desccontent}\n                </div>\n                <div className=\"others\" lang={language}>\n                  <Link\n                    to={\"/blog/\" + data.markdownRemark.frontmatter.slug1 + `/`}\n                  >\n                    <Trans>Know More</Trans>\n                    <Photo\n                      src=\"KnowMore-Right Arrow-H12.svg\"\n                      class=\"testing-arrow\"\n                      alt=\"\"\n                    />\n                  </Link>\n                </div>\n              </div>\n              <div className=\"rel\">\n                <div className=\"img picimages\">\n                  <Link\n                    to={\"/blog/\" + data.markdownRemark.frontmatter.slug2 + `/`}\n                  >\n                    <img\n                      src={\n                        blog.frontmatter.featuredImg.childImageSharp.fluid.src\n                      }\n                      alt={blog.frontmatter.title}\n                    />\n                  </Link>\n                </div>\n                <div className=\"date\">\n                  {formateDate(blog.frontmatter.date)}\n                  {/* {blog.frontmatter.date} */}\n                </div>\n                <div className=\"heading\">{blog.frontmatter.desctitle1}</div>\n                <div className=\"desc\">{blog.frontmatter.desccontent1}</div>\n                <div className=\"others\">\n                  <Link\n                    to={\"/blog/\" + data.markdownRemark.frontmatter.slug2 + `/`}\n                  >\n                    <Trans>Know More</Trans>\n                    <Photo\n                      src=\"KnowMore-Right Arrow-H12.svg\"\n                      class=\"testing-arrow\"\n                      alt=\"\"\n                    />\n                  </Link>\n                </div>\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n<div className=\"shareposttemplate\">\n        <Trans>If you found this article helpful, please share it:</Trans>\n      </div>\n      <div className=\"share_button_plugin\">\n       <a className=\"SocialShare\" href={\"https://www.facebook.com/sharer.php?url=\"+location.href}><Photo src=\"Facebook.png\" alt=\"facebook\" className=\"\" /></a>\n       <a className=\"SocialShare\" href={\"https://www.linkedin.com/sharing/share-offsite/?url=\"+location.href}><Photo src=\"linkedin.png\" alt=\"facebook\" className=\"\" /></a>\n       <a className=\"SocialShare\" href={\"https://twitter.com/intent/tweet?url=\"+location.href}><Photo src=\"Twitter.png\" alt=\"facebook\" className=\"\" /></a>\n      </div>\n      <div class=\"end_divis_resources\">\n        <div className=\"header_contents_sections text-right\"></div>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div class=\"col-sm-12\">\n              <Photo\n                src=\"Bottom Image-11.svg\"\n                class=\"innerimage\"\n                alt=\"logipulse-footer-images\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      <Footer />\n    </Layout>\n  )\n}\nexport default Design2\n\nexport const query = graphql`\n  query getBlogs($slug: String, $slug1: String, $language: String!) {\n    markdownRemark(\n      frontmatter: {\n        lang: { eq: $language }\n        slug: { eq: $slug }\n        slug1: { eq: $slug1 }\n      }\n    ) {\n      html\n      frontmatter {\n        date\n        desc\n        desctitle\n        desccontent\n        desctitle1\n        desccontent1\n        slug\n        slug1\n        slug2\n        title\n        Meta_Description\n        Meta_Keywords\n        img {\n          childImageSharp {\n            fluid(maxWidth: 640, maxHeight: 360) {\n              src\n            }\n          }\n        }\n        featuredImg {\n          childImageSharp {\n            fluid {\n              src\n            }\n          }\n        }\n        thumb {\n          childImageSharp {\n            fluid {\n              src\n            }\n          }\n        }\n      }\n    }\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}