{"version":3,"sources":["webpack:///./src/pages/home/Home.css.ts","webpack:///./src/pages/home/Home.tsx"],"names":["Wrap","styled","div","Title","h1","Gallery","a","Image","li","isActive","Home","data","pageContext","allMarkdownRemark","nodes","frontmatter","image","gallery","useState","activeImage","setActiveImage","getValue","param","query","lang","Lang","LV","e","console","warn","useEffect","interval","setInterval","prevState","length","window","clearInterval","Number","hasGallery","Boolean","MainWrap","Header","title","map","index","url","key","style","backgroundImage","alignSelf","to","border","padding","fontSize","textTransform","marginRight"],"mappings":"yJAEaA,EAAOC,IAAOC,IAAV,gEAAGD,CAAH,wPAcJE,EAAQF,IAAOG,GAAV,iEAAGH,CAAH,oGAgBLI,GARSJ,IAAOK,EAAV,kEAAGL,CAAH,yGAQIA,IAAOC,IAAV,mEAAGD,CAAH,mDAMPM,EAAQN,IAAOO,GAAV,iEAAGP,CAAH,+MAUL,qBAAGQ,SAA2B,EAAI,K,wBC4EhCC,UA7G2B,SAAC,GAA0B,IAAxBC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YACjD,EAA2BD,EAAKE,kBAAkBC,MAAM,GAAGC,YAAnDC,EAAR,EAAQA,MAAOC,EAAf,EAAeA,QACf,EAAsCC,mBAAS,GAAxCC,EAAP,KAAoBC,EAApB,KACMC,EAAW,SAAAC,GACf,IAAMC,EAAQZ,EAAKE,kBAAkBC,MAAM,GAAGC,YAC9C,IACE,OAAOH,EAAYY,OAASC,IAAKC,GAAKH,EAAMD,GAASC,EAASD,EAAJ,OAC1D,MAAOK,GAEP,OADAC,QAAQC,KAAKF,GACN,KAIXG,qBAAU,WACR,IAAMC,EAAWC,aAAY,WAC3BZ,GAAe,SAAAa,GAAS,OACtBA,GAAahB,EAAQiB,OAAS,EAAI,EAAID,EAAY,OAEnD,KAEH,OAAO,WACLE,OAAOC,cAAcC,OAAON,OAE7B,IAEH,IAAMO,EAAaC,QAAQtB,GAAWA,EAAQiB,QAAU,GACxD,OACE,gBAACM,EAAA,EAAD,KACE,gBAACC,EAAA,EAAD,CAAQjB,KAAMZ,EAAYY,KAAMkB,MAAO,wBAEtCJ,GACC,gBAACjC,EAAD,KACGY,EAAQ0B,KAAI,WAAUC,GAAV,IAAGC,EAAH,EAAGA,IAAH,OACX,gBAACtC,EAAD,CACEuC,IAAKD,EACLE,MAAO,CAAEC,gBAAiB,OAAOH,EAAT,KACxBpC,SAAUU,IAAgByB,QAMlC,gBAAC5C,EAAD,CAAM+C,MAAO,CAAEC,gBAAiBV,EAAa,OAAH,OAAmBtB,EAAnB,MACxC,gBAACb,EAAD,KACGkB,EAAS,SACV,2BACCA,EAAS,aAEZ,uBAAK0B,MAAO,CACRE,UAAW,WAEf,gBAAC,IAAD,CACEC,GACEtC,EAAYY,OAASC,IAAKC,GAAK,QAA/B,IAA6Cd,EAAYY,KAAzD,QAEFuB,MAAO,CACLI,OAAQ,kBACRC,QAAS,YACTC,SAAU,OACVC,cAAe,YACfC,YAAa,SAGdlC,EAAS,iBAEZ,gBAAC,IAAD,CACE6B,GACEtC,EAAYY,OAASC,IAAKC,GAAK,UAA/B,IAA+Cd,EAAYY,KAA3D,UAEFuB,MAAO,CACLI,OAAQ,kBACRC,QAAS,YACTC,SAAU,OACVC,cAAe,YACfL,UAAW,WAGZ5B,EAAS","file":"component---src-pages-home-home-tsx-a99ba6923af392b38c69.js","sourcesContent":["import styled from \"styled-components\"\n\nexport const Wrap = styled.div`\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  min-height: calc(100vh - 64px);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: center;\n  padding-top: 80px;\n  position: relative;\n  z-index: 2;\n`\n\nexport const Title = styled.h1`\n  font-size: 20px;\n  line-height: 26px;\n  text-transform: uppercase;\n  text-align: center;\n  margin-bottom: 45px;\n`\n\nexport const Button = styled.a`\n  border: 2px solid white;\n  padding: 15px 25px;\n  font-size: 14px;\n  text-transform: uppercase;\n  align-self: center;\n`\n\nexport const Gallery = styled.div`\n  list-style: none;\n  position: relative;\n  z-index: 1;\n`\n\nexport const Image = styled.li<{ isActive: boolean }>`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 400px;\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  min-height: calc(100vh - 64px);\n  opacity: ${({ isActive }) => (isActive ? 1 : 0)};\n  transition: all 1.5s;\n`\n","import * as React from \"react\"\nimport { FunctionComponent, useEffect, useState } from \"react\"\nimport Header from \"../../components/header/Header\"\nimport { graphql, Link } from \"gatsby\"\nimport { Title, Wrap, Gallery, Image } from \"./Home.css\"\nimport MainWrap from \"../../components/main-wrap/MainWrap\"\nimport { Lang, PageContext } from \"../../constants\"\n\nexport type Props = {\n  data?: any\n  pageContext: PageContext\n}\nexport type Functions = {}\nexport type AllProps = Props & Functions\n\nconst Home: FunctionComponent<AllProps> = ({ data, pageContext }) => {\n  const { image, gallery } = data.allMarkdownRemark.nodes[0].frontmatter\n  const [activeImage, setActiveImage] = useState(0)\n  const getValue = param => {\n    const query = data.allMarkdownRemark.nodes[0].frontmatter\n    try {\n      return pageContext.lang === Lang.LV ? query[param] : query[`${param}_en`]\n    } catch (e) {\n      console.warn(e)\n      return \"\"\n    }\n  }\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setActiveImage(prevState =>\n        prevState >= gallery.length - 1 ? 0 : prevState + 1\n      )\n    }, 4000)\n\n    return () => {\n      window.clearInterval(Number(interval))\n    }\n  }, [])\n\n  const hasGallery = Boolean(gallery && gallery.length >= 2)\n  return (\n    <MainWrap>\n      <Header lang={pageContext.lang} title={\"Delisnack restorāni\"} />\n\n      {hasGallery && (\n        <Gallery>\n          {gallery.map(({ url }, index) => (\n            <Image\n              key={url}\n              style={{ backgroundImage: `url(${url})` }}\n              isActive={activeImage === index}\n            />\n          ))}\n        </Gallery>\n      )}\n\n      <Wrap style={{ backgroundImage: hasGallery ? \"none\" : `url(${image})` }}>\n        <Title>\n          {getValue(\"title\")}\n          <br />\n          {getValue(\"subTitle\")}\n        </Title>\n        <div style={{\n            alignSelf: \"center\"\n        }}>\n        <Link\n          to={`${\n            pageContext.lang === Lang.LV ? \"/menu\" : `/${pageContext.lang}/menu`\n          }`}\n          style={{\n            border: \"2px solid white\",\n            padding: \"15px 25px\",\n            fontSize: \"14px\",\n            textTransform: \"uppercase\",\n            marginRight: \"15px\",\n          }}\n        >\n          {getValue(\"button_title\")}\n        </Link>\n        <Link\n          to={`${\n            pageContext.lang === Lang.LV ? \"/drinks\" : `/${pageContext.lang}/drinks`\n          }`}\n          style={{\n            border: \"2px solid white\",\n            padding: \"15px 25px\",\n            fontSize: \"14px\",\n            textTransform: \"uppercase\",\n            alignSelf: \"center\",\n          }}\n        >\n          {getValue(\"button2_title\")}\n        </Link>\n        </div>\n      </Wrap>\n    </MainWrap>\n  )\n}\n\nexport const query = graphql`\n  {\n    allMarkdownRemark(filter: { fields: { collection: { eq: \"home\" } } }) {\n      nodes {\n        frontmatter {\n          button_title\n          button_title_en\n          button2_title\n          button2_title_en\n          title\n          title_en\n          subTitle\n          subTitle_en\n          image\n          logo\n          gallery {\n            url\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default Home\n"],"sourceRoot":""}