Passed
Push — renovate/gatsby-monorepo ( d92d14 )
by
unknown
03:47
created

UpcomingEvent.render   A

Complexity

Conditions 1

Size

Total Lines 20
Code Lines 15

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
cc 1
eloc 15
dl 0
loc 20
rs 9.65
c 0
b 0
f 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