soniCaH /
KCVV-Elewijt-Gatsby
| Total Complexity | 1 |
| Complexity/F | 1 |
| Lines of Code | 71 |
| Function Count | 1 |
| Duplicated Lines | 0 |
| Ratio | 0 % |
| Changes | 0 | ||
| 1 | import React, { Component } from "react" |
||
| 2 | import { graphql, StaticQuery } from "gatsby" |
||
| 3 | |||
| 4 | import Event from "./event" |
||
| 5 | |||
| 6 | class UpcomingEvent extends Component { |
||
| 7 | render() { |
||
| 8 | const { events } = this.props.data |
||
| 9 | return ( |
||
| 10 | <> |
||
| 11 | {events.edges.map(({ node }, i) => { |
||
| 12 | return ( |
||
| 13 | <Event |
||
| 14 | key={i} |
||
| 15 | title={node.title} |
||
| 16 | localFile={ |
||
| 17 | node.relationships.field_media_image.relationships |
||
| 18 | .field_media_image.localFile |
||
| 19 | } |
||
| 20 | uri={node.field_event_link.uri} |
||
| 21 | datetime_start={node.field_daterange.value} |
||
| 22 | datetime_end={node.field_daterange.end_value} |
||
| 23 | /> |
||
| 24 | ) |
||
| 25 | })} |
||
| 26 | </> |
||
| 27 | ) |
||
| 28 | } |
||
| 29 | } |
||
| 30 | |||
| 31 | const query = graphql` |
||
| 32 | query { |
||
| 33 | events: allNodeEvent( |
||
| 34 | filter: { promote: { eq: true }, status: { eq: true } } |
||
| 35 | sort: { order: ASC, fields: field_daterange___value } |
||
| 36 | limit: 1 |
||
| 37 | ) { |
||
| 38 | edges { |
||
| 39 | node { |
||
| 40 | field_daterange { |
||
| 41 | value(formatString: "YYYY-MM-DDTHH:mm:ssZ") |
||
| 42 | end_value(formatString: "YYYY-MM-DDTHH:mm:ssZ") |
||
| 43 | } |
||
| 44 | field_event_link { |
||
| 45 | uri |
||
| 46 | } |
||
| 47 | title |
||
| 48 | relationships { |
||
| 49 | field_media_image { |
||
| 50 | field_media_image { |
||
| 51 | alt |
||
| 52 | } |
||
| 53 | relationships { |
||
| 54 | field_media_image { |
||
| 55 | localFile { |
||
| 56 | ...KCVVFluid960 |
||
| 57 | } |
||
| 58 | } |
||
| 59 | } |
||
| 60 | } |
||
| 61 | } |
||
| 62 | } |
||
| 63 | } |
||
| 64 | } |
||
| 65 | } |
||
| 66 | ` |
||
| 67 | |||
| 68 | export default () => ( |
||
| 69 | <StaticQuery query={query} render={(data) => <UpcomingEvent data={data} />} /> |
||
| 70 | ) |
||
| 71 |
