{"version":3,"file":"component---src-components-weekly-template-js-886afbc6ba987c0f3031.js","mappings":"sQAeMA,GAAaC,EAAAA,EAAAA,SAAOC,EAAAA,IAAV,wEAAGD,CAAH,uQAkBVE,EAAUF,EAAAA,QAAAA,EAAAA,WAAH,0DAAGA,CAAH,ySAqBb,EAlDe,SAAC,GAAD,IAAGG,EAAH,EAAGA,SAAUC,EAAb,EAAaA,GAAb,SAAiBC,WAE5B,gBAACN,EAAD,CAAYK,GAAIA,EAAIE,KAAM,CAAEC,OAAQ,IAAOC,MAAO,CAAED,OAAQ,KACzDJ,GAGH,gBAACD,EAAD,CAASO,KAAML,EAAIM,OAAO,SAASC,IAAI,cACpCR,I,6BC6DP,EA3DuB,SAAC,GAA+B,IAA7BS,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,SAC/BC,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,GACtBC,EAAoCH,EAApCG,eAAgBC,EAAoBJ,EAApBI,gBAClBC,EAAOP,EAAcA,EAAYO,KAAOL,EAAWM,YACnDC,EAAUP,EAAWO,QAAQF,GAC7BG,EAAU,OAAUH,EAM1B,OAJAI,EAAAA,EAAAA,YAAU,WACRN,EAAeE,KACd,CAACA,EAAMF,IAGR,gCACE,gBAACO,EAAA,EAAD,CAAKC,MAAK,QAAUN,IAEpB,gBAAC,IAAD,KACE,gBAACO,EAAA,EAAD,UACqCC,KAAlCT,MAAAA,OAAA,EAAAA,EAAkBI,IACjB,gBAAC,EAAAM,QAAD,KACE,gBAAC,EAAAC,eAAD,KACE,gBAAC,IAAD,CACET,YAAaC,EAAQS,YACrBC,YAAajB,EAAWiB,YACxBC,UAAU,yCAEXX,EAAQY,QAAQC,KAAI,SAACC,EAAQC,GAAT,OACnB,gBAAC,EAAD,CACEC,IAAKF,EAAOG,GACZjC,YAAY,EACZD,GAAE,QAAUe,EAAV,WAAwBiB,EAAQ,IACjCD,EAAOV,WAId,gBAAC,EAAAc,eAAD,KACE,gBAAC,EAAAC,EAAD,CACEC,MAAOpB,EAAQqB,SAASC,MAAMC,gBAC9BC,IAAI,GACJC,UAAU,UACVC,YAAY,cAKlB,gBAAC,UAAD,CACEnC,YAAa,CACXO,KAAAA,EACAgB,OAAQjB,EAAgBI,GACxBc,MAAOlB,EAAgBI,IAEzBT,SAAUA","sources":["webpack://gatsby-starter-default/./src/components/button.js","webpack://gatsby-starter-default/./src/components/weeklyTemplate.js"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport TransitionLink from 'gatsby-plugin-transition-link';\n\nconst Button = ({ children, to, gatsbyLink }) =>\n  gatsbyLink ? (\n    <ButtonLink to={to} exit={{ length: 0.5 }} entry={{ length: 0.5 }}>\n      {children}\n    </ButtonLink>\n  ) : (\n    <ButtonA href={to} target='_blank' rel='noreferrer'>\n      {children}\n    </ButtonA>\n  );\n\nconst ButtonLink = styled(TransitionLink)`\n  background-color: #b82c97;\n  color: #ffffff;\n  padding: 16px 24px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-weight: 500;\n  margin-bottom: 1rem;\n  display: inline-block;\n  transition: background-color 0.2s;\n  text-align: center;\n\n  :hover,\n  :focus {\n    background-color: #9e2682;\n    color: #ffffff;\n  }\n`;\nconst ButtonA = styled.a`\n  background-color: #b82c97;\n  color: #ffffff;\n  padding: 12px 25px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-weight: 500;\n  margin-bottom: 1rem;\n  display: inline-block;\n  transition: all 0.2s;\n  @media (max-width: 900px) {\n    text-align: center;\n  }\n  :hover,\n  :focus {\n    background-color: #9e2682;\n    color: #ffffff;\n    text-decoration: none;\n  }\n`;\n\nexport default Button;\n","import React, { useContext, useEffect } from 'react';\n\nimport Seo from '../components/Seo';\nimport FadeTransition from './../components/fadeTransition';\nimport { GatsbyImage } from 'gatsby-plugin-image';\n\nimport { context } from './../components/context';\nimport WeekNav from './weekNav';\nimport Button from './button';\nimport ChallengeTemplate from './challengeTemplate';\nimport { Wrapper, ContentWrapper, SidebarWrapper } from './Layout';\nimport ClientOnly from './ClientOnly';\n\nconst WeeklyTemplate = ({ pageContext, location }) => {\n  const appContext = useContext(context);\n  const { setDisplayWeek, savedChallenges } = appContext;\n  const week = pageContext ? pageContext.week : appContext.displayWeek;\n  const content = appContext.content[week];\n  const weekString = `week${week}`;\n\n  useEffect(() => {\n    setDisplayWeek(week);\n  }, [week, setDisplayWeek]);\n\n  return (\n    <>\n      <Seo title={`Week ${week}`} />\n\n      <FadeTransition>\n        <ClientOnly>\n          {savedChallenges?.[weekString] === undefined ? (\n            <Wrapper>\n              <ContentWrapper>\n                <WeekNav\n                  displayWeek={content.week_number}\n                  currentWeek={appContext.currentWeek}\n                  weekTitle='What are you giving a try this week?'\n                />\n                {content.choices.map((choice, index) => (\n                  <Button\n                    key={choice.id}\n                    gatsbyLink={true}\n                    to={`/week${week}/choice${index + 1}`}>\n                    {choice.title}\n                  </Button>\n                ))}\n              </ContentWrapper>\n              <SidebarWrapper>\n                <GatsbyImage\n                  image={content.topImage.asset.gatsbyImageData}\n                  alt=''\n                  objectFit='contain'\n                  placeholder='blurred'\n                />\n              </SidebarWrapper>\n            </Wrapper>\n          ) : (\n            <ChallengeTemplate\n              pageContext={{\n                week,\n                choice: savedChallenges[weekString],\n                index: savedChallenges[weekString],\n              }}\n              location={location}\n            />\n          )}\n        </ClientOnly>\n      </FadeTransition>\n    </>\n  );\n};\n\nexport default WeeklyTemplate;\n"],"names":["ButtonLink","styled","TransitionLink","ButtonA","children","to","gatsbyLink","exit","length","entry","href","target","rel","pageContext","location","appContext","useContext","context","setDisplayWeek","savedChallenges","week","displayWeek","content","weekString","useEffect","Seo","title","ClientOnly","undefined","Wrapper","ContentWrapper","week_number","currentWeek","weekTitle","choices","map","choice","index","key","id","SidebarWrapper","G","image","topImage","asset","gatsbyImageData","alt","objectFit","placeholder"],"sourceRoot":""}