{"version":3,"file":"component---src-templates-event-page-js-b673eeea48c7fa14ce2d.js","mappings":"sSAMA,MAAMA,GAAYC,EAAAA,EAAAA,IAAWC,IAAK,CAChCC,QAAS,CACPC,OAAQF,EAAMG,QAAQ,EAAE,QA+B5B,MA3BqBC,IAAwD,IAAvD,cAAEC,EAAa,WAAEC,EAAU,SAAEC,EAAQ,SAAEC,GAAUJ,EACrE,MAAMK,EAAUX,IAEhB,OACEY,EAAAA,cAACC,EAAAA,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,eAAe,gBACfC,WAAW,UAETV,EAAgB,GAChBK,EAAAA,cAAA,KACEM,KAAM,IAAIR,KAAYH,EAAgB,IACtCY,WAAWC,EAAAA,EAAAA,GAAKT,EAAQR,QAAQ,SAAU,WAEzC,GAAGM,eAGNF,EAAgBC,GAChBI,EAAAA,cAAA,KAAGM,KAAM,IAAIR,KAAYH,EAAgB,IAAKY,UAAU,iBACrD,GAAGV,aAGH,E,iDChBX,MAAMY,EAAaC,IACjB,IACE,OAAOC,QAAQ,IAAIC,IAAIF,GACzB,CAAE,MAAOG,GACP,OAAO,CACT,GAGIzB,GAAYC,EAAAA,EAAAA,IAAWC,IAAK,CAChCwB,cAAe,CACbtB,OAAQF,EAAMG,QAAQ,EAAG,IAE3BsB,YAAa,CACXvB,OAAQF,EAAMG,QAAQ,EAAG,IAE3BuB,eAAgB,CACdxB,OAAQF,EAAMG,QAAQ,EAAG,EAAG,EAAG,QAyHnC,MArHkBC,IAQX,IAPLuB,MACEC,QACEC,YACEC,UAAYC,OAAQC,OAI3B5B,EACC,MAAMK,EAAUX,IAEVmC,EAAkBD,EAClBE,GAASC,EAAAA,EAAAA,MACT,MAAEC,EAAK,MAAEC,EAAK,KAAEC,EAAI,WAAEC,EAAU,UAAEC,EAAS,mBAAEC,EAAkB,UAAEC,EAAS,UAAEC,GAAcT,EAAOU,MACrGC,IAAA,IAAC,SAAEf,GAAUe,EAAA,OAAKf,IAAaG,CAAe,IAG1Ca,EAAeC,KAAKC,IAAGC,MAARF,MAAIG,EAAAA,EAAAA,GACpBhB,EAAOiB,QAAOC,IAAA,IAAC,OAAEC,GAAQD,EAAA,OAAKC,IAAWC,EAAAA,EAAmB,IAAEC,KAAIC,IAAA,IAAC,SAAE1B,GAAU0B,EAAA,OAAK1B,CAAQ,MAG3F2B,GAAaC,EAAAA,EAAAA,KAAUP,QAAOQ,IAAkC,IAAjC,kBAAEC,EAAiB,KAAEC,GAAMF,EAC9D,OAAOC,IAAsB,eAAe3B,GAAiB,IAGzD6B,GAAaC,EAAAA,EAAAA,IAAazB,GAEhC,OACE5B,EAAAA,cAACsD,EAAAA,EAAM,KACLtD,EAAAA,cAACuD,EAAAA,EAAM,KACLvD,EAAAA,cAAA,aAAQ0B,GACR1B,EAAAA,cAAA,QAAMmD,KAAK,cAAcK,QAAQ,kBAGnCxD,EAAAA,cAAA,OAAKyD,GAAG,OAAOlD,UAAU,OACvBP,EAAAA,cAAA,WAASyD,GAAG,OACVzD,EAAAA,cAAA,OAAKO,UAAU,SACbP,EAAAA,cAAA,UAAQO,UAAU,SAChBP,EAAAA,cAAA,UAAI,mBAENA,EAAAA,cAACC,EAAAA,EAAI,CAACC,WAAS,GACZ2B,GAAcpB,EAAWoB,IACxB7B,EAAAA,cAAC0D,EAAAA,EAAG,CAACnD,UAAWR,EAAQiB,gBACtBhB,EAAAA,cAAA,KAAGM,KAAMuB,EAAYtB,UAAU,sBAC7BP,EAAAA,cAAA,QAAMO,UAAU,SAAQ,aAKhCP,EAAAA,cAAA,UAAK0B,GACL1B,EAAAA,cAAC0D,EAAAA,EAAG,CAACnD,UAAWR,EAAQiB,gBACtBhB,EAAAA,cAAA,UACEA,EAAAA,cAAA,UAAI,QAEFA,EAAAA,cAAA,SAAIoD,IAELzB,GACC3B,EAAAA,cAAA,UAAI,QACQA,EAAAA,cAAA,SAAI2B,IAGlB3B,EAAAA,cAAA,UAAI,iBAEFA,EAAAA,cAAA,SAAIiC,GAAwB,uBAIjCF,GAAsB/B,EAAAA,cAAC2D,EAAAA,EAAY,CAACC,KAAM7B,IAC1CC,GAAaA,EAAU6B,OAAS,GAC/B7D,EAAAA,cAAA,OAAK8D,MAAO,CAAEC,QAAS,OAAQ1D,WAAY,WACzCL,EAAAA,cAAA,UACEA,EAAAA,cAAA,UACEA,EAAAA,cAAA,OAAK8D,MAAO,CAAEC,QAAS,OAAQC,cAAe,MAAO3D,WAAY,SAAU4D,IAAK,SAAU,oBAEvFjC,EAAUa,KAAIqB,GACTA,GAAYA,EAASC,KAAO1D,EAAWyD,EAASC,KAEhDnE,EAAAA,cAAA,WACEA,EAAAA,cAAA,KAAGM,KAAM4D,EAASC,IAAKC,OAAO,SAASC,IAAI,aAAa9D,UAAU,QAChEP,EAAAA,cAACsE,EAAAA,IAAc,CAACC,KAAM,WAKrBvE,EAAAA,cAAAA,EAAAA,SAAA,YAQpB8B,GACC9B,EAAAA,cAAA,WACEA,EAAAA,cAACwE,EAAAA,EAAY,CAAC9C,MAAOA,EAAO+C,SAASC,EAAAA,EAAAA,IAAgB5C,MAIxDiB,EAAWc,OAAS,GACnB7D,EAAAA,cAAC0D,EAAAA,EAAG,CAACnD,UAAWR,EAAQiB,gBACtBhB,EAAAA,cAAC2E,EAAAA,EAAO,CAACC,cAAe7B,KAI5B/C,EAAAA,cAAC6E,EAAY,CACXlF,cAAe4B,EACf3B,WAAYwC,EACZvC,SAAU,YACVC,SAAU,aAKX,C","sources":["webpack://gatsby-starter-forty-v2/./src/components/PrevNextPage.js","webpack://gatsby-starter-forty-v2/./src/templates/EventPage.js"],"sourcesContent":["import React from 'react';\n\nimport clsx from 'clsx';\nimport { Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  navitem: {\n    margin: theme.spacing(1,0),\n  },\n}));\n\nconst PrevNextPage = ({ currentItemId, lastItemId, itemName, itemPath }) => {\n  const classes = useStyles();\n\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {(currentItemId > 1) && (\n        <a \n          href={`/${itemPath}/${currentItemId - 1}`} \n          className={clsx(classes.navitem,\"button\", \"medium\")}\n        >\n          {`${itemName} précédent`}\n        </a>\n      )}\n      {(currentItemId < lastItemId) && (\n        <a href={`/${itemPath}/${currentItemId + 1}`} className=\"button medium\">\n          {`${itemName} suivant`}\n        </a>\n      )}\n    </Grid>\n  );\n};\n\nexport default PrevNextPage;\n","import React from 'react';\nimport { graphql } from 'gatsby';\n\nimport { Grid, Box } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Helmet from 'react-helmet';\nimport Layout from '../components/layout';\nimport YoutubeEmbed from '../components/YoutubeEmbed';\nimport Gallery from '../components/Gallery';\nimport MarkdownText from '../components/MarkdownText';\nimport PrevNextPage from '../components/PrevNextPage';\n\nimport useEventsNotion from '../hooks/useEventsNotion';\nimport usePics from '../hooks/usePics';\nimport { getVideoEmbedId, localiseDate } from '../utils/misc';\nimport { pastEventStatusName } from '../settings';\nimport { CgFileDocument } from 'react-icons/cg';\n\nconst isValidUrl = urlString => {\n  try {\n    return Boolean(new URL(urlString));\n  } catch (e) {\n    return false;\n  }\n};\n\nconst useStyles = makeStyles(theme => ({\n  meetupnavitem: {\n    margin: theme.spacing(1, 0),\n  },\n  description: {\n    margin: theme.spacing(3, 0),\n  },\n  griditemmargin: {\n    margin: theme.spacing(0, 2, 0, 0),\n  },\n}));\n\nconst EventPage = ({\n  data: {\n    meetup: {\n      properties: {\n        meetupid: { number: value },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const currentMeetupid = value;\n  const events = useEventsNotion();\n  const { title, place, date, meetupLink, videoLink, descriptionHtmlAst, presLinks, lecturers } = events.find(\n    ({ meetupid }) => meetupid === currentMeetupid\n  );\n\n  const lastMeetupId = Math.max(\n    ...events.filter(({ status }) => status === pastEventStatusName).map(({ meetupid }) => meetupid)\n  );\n\n  const meetupPics = usePics().filter(({ relativeDirectory, name }) => {\n    return relativeDirectory === `meetup-pics/${currentMeetupid}`;\n  });\n\n  const frenchDate = localiseDate(date);\n\n  return (\n    <Layout>\n      <Helmet>\n        <title>{title}</title>\n        <meta name=\"description\" content=\"Generic Page\" />\n      </Helmet>\n\n      <div id=\"main\" className=\"alt\">\n        <section id=\"one\">\n          <div className=\"inner\">\n            <header className=\"major\">\n              <h1>Les évènements</h1>\n            </header>\n            <Grid container>\n              {meetupLink && isValidUrl(meetupLink) && (\n                <Box className={classes.griditemmargin}>\n                  <a href={meetupLink} className=\"icon alt fa-meetup\">\n                    <span className=\"label\">Meetup</span>\n                  </a>\n                </Box>\n              )}\n            </Grid>\n            <h1>{title}</h1>\n            <Box className={classes.griditemmargin}>\n              <ul>\n                <li>\n                  Date&nbsp;\n                  <b>{frenchDate}</b>\n                </li>\n                {place && (\n                  <li>\n                    Lieu&nbsp;<b>{place}</b>\n                  </li>\n                )}\n                <li>\n                  Présentateurs&nbsp;\n                  <b>{lecturers ? lecturers : 'Toulouse DataViz'}</b>\n                </li>\n              </ul>\n            </Box>\n            {descriptionHtmlAst && <MarkdownText hast={descriptionHtmlAst} />}\n            {presLinks && presLinks.length > 0 && (\n              <div style={{ display: 'flex', alignItems: 'center' }}>\n                <ul>\n                  <li>\n                    <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '24px' }}>\n                      Présentations : &nbsp;\n                      {presLinks.map(presLink => {\n                        if (presLink && presLink.url && isValidUrl(presLink.url)) {\n                          return (\n                            <div>\n                              <a href={presLink.url} target=\"_blank\" rel=\"noreferrer\" className=\"icon\">\n                                <CgFileDocument size={'48px'} />\n                              </a>\n                            </div>\n                          );\n                        } else {\n                          return <></>;\n                        }\n                      })}\n                    </div>\n                  </li>\n                </ul>\n              </div>\n            )}\n            {videoLink && (\n              <div>\n                <YoutubeEmbed title={title} embedId={getVideoEmbedId(videoLink)} />\n              </div>\n            )}\n\n            {meetupPics.length > 0 && (\n              <Box className={classes.griditemmargin}>\n                <Gallery picsToDisplay={meetupPics} />\n              </Box>\n            )}\n\n            <PrevNextPage\n              currentItemId={currentMeetupid}\n              lastItemId={lastMeetupId}\n              itemName={'Évènement'}\n              itemPath={'event'}\n            />\n          </div>\n        </section>\n      </div>\n    </Layout>\n  );\n};\n\nexport default EventPage;\n\nexport const pageQuery = graphql`\n  query MyQuery($id: String) {\n    meetup: notionPage(id: { eq: $id }) {\n      properties {\n        meetupid {\n          number\n        }\n      }\n    }\n  }\n`;\n"],"names":["useStyles","makeStyles","theme","navitem","margin","spacing","_ref","currentItemId","lastItemId","itemName","itemPath","classes","React","Grid","container","direction","justifyContent","alignItems","href","className","clsx","isValidUrl","urlString","Boolean","URL","e","meetupnavitem","description","griditemmargin","data","meetup","properties","meetupid","number","value","currentMeetupid","events","useEventsNotion","title","place","date","meetupLink","videoLink","descriptionHtmlAst","presLinks","lecturers","find","_ref2","lastMeetupId","Math","max","apply","_toConsumableArray","filter","_ref3","status","pastEventStatusName","map","_ref4","meetupPics","usePics","_ref5","relativeDirectory","name","frenchDate","localiseDate","Layout","Helmet","content","id","Box","MarkdownText","hast","length","style","display","flexDirection","gap","presLink","url","target","rel","CgFileDocument","size","YoutubeEmbed","embedId","getVideoEmbedId","Gallery","picsToDisplay","PrevNextPage"],"sourceRoot":""}