{"version":3,"file":"component---src-pages-calendar-js-b97bdfc2cdd3f149ec7c.js","mappings":"6JAgCA,IA9BmBA,IAEfC,EAAAA,cAAA,SAAOC,MAAM,eACXD,EAAAA,cAAA,eAAS,sBACTA,EAAAA,cAAA,aACEA,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,MACJA,EAAAA,cAAA,UAAI,cAENA,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,MACJA,EAAAA,cAAA,UAAI,kBAENA,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,MACJA,EAAAA,cAAA,UAAI,iBAENA,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,MACJA,EAAAA,cAAA,UAAI,kBAENA,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,MACJA,EAAAA,cAAA,UAAI,oB,sJC2Bd,MAzCqBE,IAAkB,IAAjB,QAAEC,GAASD,EAC/B,MAAM,WACJE,EAAU,iBACVC,EAAgB,eAChBC,EAAc,WACdC,EAAU,SACVC,EAAQ,UACRC,EAAS,UACTC,GACEP,EACEQ,EAAeD,EACnBV,EAAAA,cAAA,SAAG,YACQA,EAAAA,cAAA,KAAGY,KAAMF,GAAYN,IAE9B,KACJ,OACEJ,EAAAA,cAAA,WACEA,EAAAA,cAAA,OAAKa,UC3BY,2CD4Bfb,EAAAA,cAAA,WACEA,EAAAA,cAACc,EAAAA,EAAW,CACVC,MAAON,EAAUO,gBAAgBC,gBACjCC,IAAKd,EACLe,SAAU,CAAEC,UAAW,SACvBC,MAAO,CAAEC,OAAQ,YAGrBtB,EAAAA,cAAA,OAAKa,UCnCa,8CDoChBb,EAAAA,cAAA,MAAIa,UAAU,QAAQT,GACtBJ,EAAAA,cAACuB,IAAa,CAACC,OAAQnB,IACvBL,EAAAA,cAAA,KAAGa,UCrCU,2CDsCVP,EAAe,IAChBN,EAAAA,cAACyB,IAAW,CAACC,OAAO,SAASnB,GAAyB,KAAG,IACzDP,EAAAA,cAACyB,IAAW,CAACC,OAAO,SAASlB,IAE9BG,IAGD,E,UEgBV,MAjDkBT,IAAe,IAAd,KAAEyB,GAAMzB,EACzB,MACE0B,gBAAgB,MAAEC,IAChBF,EAEEG,EAAUD,EAAME,QAAQC,GAAUA,EAAMC,KAAKC,eAGnD,OACElC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACmC,EAAAA,EAAM,KACLnC,EAAAA,cAAA,aAAO,mCAETA,EAAAA,cAAA,OAAKa,UCzBe,yCD0BlBb,EAAAA,cAAA,UAAI,YACJA,EAAAA,cAAA,SAAG,oDACiD,IAClDA,EAAAA,cAACoC,EAAAA,KAAI,CAACC,GAAG,YAAW,YAAe,+BAGvCrC,EAAAA,cAAA,OAAKa,UClCiB,2CDmCpBb,EAAAA,cAAA,UACEsC,IAAKX,EAAKY,sBAAsBC,oBAChCC,MAAM,qBAIVzC,EAAAA,cAAA,OAAKa,UCrCmB,8CDsCtBb,EAAAA,cAACD,EAAAA,EAAU,OAGbC,EAAAA,cAAA,OAAKa,UC1CkB,6CD2CrBb,EAAAA,cAAA,UAAI,2BAENA,EAAAA,cAAA,OAAKa,UC3CsB,iDD4CxBiB,EAAQY,KAAKV,GACZhC,EAAAA,cAAC2C,EAAK,CAACxC,QAAS6B,EAAMC,KAAMW,IAAKZ,EAAMC,KAAKY,QAGhD7C,EAAAA,cAAA,OAAKa,UCpDgB,0CDqDnBb,EAAAA,cAAA,SACEA,EAAAA,cAACoC,EAAAA,KAAI,CAACC,GAAG,YAAW,gBAAmB,0DAI1C,C","sources":["webpack://pannal-village-hall-website/./src/components/rooms/roomLegend.js","webpack://pannal-village-hall-website/./src/components/events/eventSummary.js","webpack://pannal-village-hall-website/./src/css/event-summary.module.css","webpack://pannal-village-hall-website/./src/pages/calendar.js","webpack://pannal-village-hall-website/./src/css/calendar.module.css"],"sourcesContent":["import React from \"react\";\n\nconst RoomLegend = () => {\n  return (\n    <table class=\"room-legend\">\n      <caption>Room abbreviations</caption>\n      <tbody>\n        <tr>\n          <th>MH</th>\n          <td>Main Hall</td>\n        </tr>\n        <tr>\n          <th>FR</th>\n          <td>Function Room</td>\n        </tr>\n        <tr>\n          <th>SH</th>\n          <td>Snooker Hall</td>\n        </tr>\n        <tr>\n          <th>AR</th>\n          <td>Activity Room</td>\n        </tr>\n        <tr>\n          <th>CR</th>\n          <td>Committee Room</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\nexport default RoomLegend;\n","import React from \"react\";\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport ReactMarkdown from \"react-markdown\";\nimport ReactMoment from \"react-moment\";\n\nimport {\n  eventTime,\n  eventDetails,\n  eventCard,\n} from \"../../css/event-summary.module.css\";\n\nconst EventSummary = ({ details }) => {\n  const {\n    eventTitle,\n    eventDescription,\n    eventDayOfWeek,\n    eventStart,\n    eventEnd,\n    mainImage,\n    eventLink,\n  } = details;\n  const maybeWebsite = eventLink ? (\n    <p>\n      Website: <a href={eventLink}>{eventTitle}</a>\n    </p>\n  ) : null;\n  return (\n    <div>\n      <div className={eventCard}>\n        <div>\n          <GatsbyImage\n            image={mainImage.childImageSharp.gatsbyImageData}\n            alt={eventTitle}\n            imgStyle={{ objectFit: \"cover\" }}\n            style={{ height: \"215px\" }}\n          />\n        </div>\n        <div className={eventDetails}>\n          <h2 className=\"info\">{eventTitle}</h2>\n          <ReactMarkdown source={eventDescription} />\n          <p className={eventTime}>\n            {eventDayOfWeek}&nbsp;\n            <ReactMoment format=\"HH:mm\">{eventStart}</ReactMoment> -{\" \"}\n            <ReactMoment format=\"HH:mm\">{eventEnd}</ReactMoment>\n          </p>\n          {maybeWebsite}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default EventSummary;\n","// extracted by mini-css-extract-plugin\nexport var eventCard = \"event-summary-module--event-card--F5TbI\";\nexport var eventDetails = \"event-summary-module--event-details--vDkXA\";\nexport var eventTime = \"event-summary-module--event-time--e10pn\";","import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\nimport Event from \"../components/events/eventSummary\";\nimport RoomLegend from \"../components/rooms/roomLegend\";\n\nimport {\n  eventsContact,\n  regularEventWrapper,\n  eventsRegHeader,\n  eventsRoomLegend,\n  eventsCalendar,\n  eventsHeader,\n} from \"../css/calendar.module.css\";\n\nconst EventPage = ({ data }) => {\n  const {\n    allStrapiEvent: { edges },\n  } = data;\n\n  const regular = edges.filter((event) => event.node.regularEvent);\n  // const noreg = edges.filter((event) => !event.node.regularEvent);\n\n  return (\n    <>\n      <Helmet>\n        <title>Calendar | Pannal Village Hall</title>\n      </Helmet>\n      <div className={eventsHeader}>\n        <h1>Calendar</h1>\n        <p>\n          Use our calendar to find your slot and then go to{\" \"}\n          <Link to=\"/contact\">Bookings</Link> to let us know your needs\n        </p>\n      </div>\n      <div className={eventsCalendar}>\n        <iframe\n          src={data.strapiWhatsOnCalendar.whatsOnCalendarLink}\n          title=\"events calendar\"\n        ></iframe>\n      </div>\n\n      <div className={eventsRoomLegend}>\n        <RoomLegend />\n      </div>\n\n      <div className={eventsRegHeader}>\n        <h2>Our regular activities</h2>\n      </div>\n      <div className={regularEventWrapper}>\n        {regular.map((event) => (\n          <Event details={event.node} key={event.node.id} />\n        ))}\n      </div>\n      <div className={eventsContact}>\n        <p>\n          <Link to=\"/contact\">Get in touch</Link> with us to discuss setting up\n          your own regular event\n        </p>\n      </div>\n    </>\n  );\n};\n\nexport default EventPage;\n\nexport const query = graphql`\n  {\n    allStrapiEvent {\n      edges {\n        node {\n          id\n          eventTitle\n          eventDayOfWeek\n          eventDescription\n          eventEnd\n          eventStart\n          regularEvent\n          eventLink\n          slug\n          mainImage {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n            }\n          }\n        }\n      }\n    }\n    strapiWhatsOnCalendar {\n      whatsOnCalendarLink\n    }\n  }\n`;\n","// extracted by mini-css-extract-plugin\nexport var eventsCalendar = \"calendar-module--events-calendar--l5UA9\";\nexport var eventsContact = \"calendar-module--events-contact--2zPU0\";\nexport var eventsHeader = \"calendar-module--events-header---1js2\";\nexport var eventsRegHeader = \"calendar-module--events-reg-header--soTBT\";\nexport var eventsRoomLegend = \"calendar-module--events-room-legend--o02nJ\";\nexport var regularEventWrapper = \"calendar-module--regular-event-wrapper--RIuUV\";"],"names":["RoomLegend","React","class","_ref","details","eventTitle","eventDescription","eventDayOfWeek","eventStart","eventEnd","mainImage","eventLink","maybeWebsite","href","className","GatsbyImage","image","childImageSharp","gatsbyImageData","alt","imgStyle","objectFit","style","height","ReactMarkdown","source","ReactMoment","format","data","allStrapiEvent","edges","regular","filter","event","node","regularEvent","Helmet","Link","to","src","strapiWhatsOnCalendar","whatsOnCalendarLink","title","map","Event","key","id"],"sourceRoot":""}