From ab2458afc9cc364937aae41d77d723f66fac4ede Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Tue, 19 Feb 2019 03:31:45 +0100
Subject: [PATCH] Show images in program

---
 src/components/EventList.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/EventList.js b/src/components/EventList.js
index 4815d5c..81e4db8 100644
--- a/src/components/EventList.js
+++ b/src/components/EventList.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
+import Img from 'gatsby-image'
 
 export default class EventList extends React.Component {
   render() {
@@ -21,6 +22,10 @@ export default class EventList extends React.Component {
                 <h2 className="event-title">
                   {event.title}
                 </h2>
+                <div className="event-image">
+                  {event.featured_media && event.featured_media.localFile &&
+                    <Img fluid={event.featured_media.localFile.childImageSharp.fluid} />}
+                </div>
                 <div className="event-meta">
                   <span class="event-start">18:00</span>
                   {event.start_time}&mdash;{event.end_time}
@@ -45,6 +50,11 @@ export const pageQuery = graphql`
     title
     start_time(formatString: "MMMM DD, YYYY")
     end_time(formatString: "MMMM DD, YYYY")
+    featured_media {
+      localFile {
+        ...FluidImage
+      }
+    }
     fields {
       link
     }