Fallback to image URLs everywhere. Clean up later.

src/pages/booking.js

@@ -80,7 +80,14 @@ export const BookingPage = () => {
         {hasFeaturedMedia && (
           <div className="page-hero">
             <div className="page-hero_image">
-              <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+              {featuredMedia.localFile.childImageSharp ? (
+                <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+              ) : (
+                <img
+                  src={featuredMedia.localFile.url}
+                  alt={featuredMedia.caption || ''}
+                />
+              )}
             </div>
             {featuredMedia.caption && (
               <div
@@ -101,10 +108,10 @@ export const BookingPage = () => {
             Med vår 3D-løsning har du muligheten til å navigere deg rundt på
             huset! Du kan bevege deg mellom etasjer ved å trykke på tallene i
             lille kolonnen nederst til høyre. Dra deg rundt fra rom til rom ved
-            å klikke dit du vil. Den røde og hvite kompassnålen lar deg rotere bildet. Pluss- og
+            å klikke dit du vil. Den røde og hvite kompassnålen lar deg rotere
-            minus-knappene i høyre hjørne kan brukes for å zoome inn eller ut.
+            bildet. Pluss- og minus-knappene i høyre hjørne kan brukes for å
-            Du starter i foajeen i 1. etasje &ndash; men ta gjerne en
+            zoome inn eller ut. Du starter i foajeen i 1. etasje &ndash; men ta
-            titt på lokalene i alle etasjer!
+            gjerne en titt på lokalene i alle etasjer!
           </p>
         </div>
         <iframe

src/templates/association.js

@@ -18,7 +18,11 @@ export const AssociationTemplate = ({
       <h1 className="page-title">{title}</h1>
       {hasFeaturedMedia && (
         <div className="association-logo">
-          <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+          {featuredMedia.localFile.childImageSharp ? (
+            <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+          ) : (
+            <img src={featuredMedia.localFile.url} alt={title} />
+          )}
         </div>
       )}
       {homepage && (
@@ -73,6 +77,7 @@ export const associationQuery = graphql`
       association_homepage
       featured_media {
         localFile {
+          url
           ...FluidImage
         }
       }

src/templates/event.js

@@ -118,7 +118,14 @@ export const EventTemplate = ({
           {hasFeaturedMedia && (
             <>
               <div className="event-hero_image">
-                <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+                {featuredMedia.localFile.childImageSharp ? (
+                  <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+                ) : (
+                  <img
+                    src={featuredMedia.localFile.url}
+                    alt={featuredMedia.caption || ''}
+                  />
+                )}
               </div>
               {/* {featuredMedia.caption && (
                 <div
@@ -237,6 +244,7 @@ export const eventQuery = graphql`
     featured_media {
       caption
       localFile {
+        url
         ...FluidImage
       }
     }

src/templates/page.js

@@ -13,7 +13,14 @@ export const PageTemplate = ({ title, content, featuredMedia }) => {
       {hasFeaturedMedia && (
         <div className="page-hero">
           <div className="page-hero_image">
-            <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            {featuredMedia.localFile.childImageSharp ? (
+              <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            ) : (
+              <img
+                src={featuredMedia.localFile.url}
+                alt={featuredMedia.caption || ''}
+              />
+            )}
           </div>
           {featuredMedia.caption && (
             <div
@@ -68,6 +75,7 @@ export const pageQuery = graphql`
       featured_media {
         caption
         localFile {
+          url
           ...FluidImage
         }
       }

src/templates/post.js

@@ -18,8 +18,7 @@ export const BlogPostTemplate = ({
   author,
   featuredMedia,
 }) => {
-  const hasFeaturedMedia =
+  const hasFeaturedMedia = featuredMedia && !!featuredMedia.localFile
-    featuredMedia && (!!featuredMedia.localFile || !!featuredMedia.url)
   return (
     <section
       className={`post-page ${
@@ -114,7 +113,6 @@ export const pageQuery = graphql`
         ...GatsbyImageSharpFluid
       }
     }
-    url
   }
   fragment PostFields on wordpress__POST {
     id
@@ -145,6 +143,7 @@ export const pageQuery = graphql`
       featured_media {
         caption
         localFile {
+          url
           ...FluidImage
         }
       }

src/templates/venue.js

@@ -46,21 +46,70 @@ export class VenueTemplate extends React.Component {
         />
         {hasFeaturedMedia && (
           <div className="venue-featured-image">
-            <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            {featuredMedia.localFile.childImageSharp ? (
+              <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            ) : (
+              <img src={featuredMedia.localFile.url} alt={title} />
+            )}
           </div>
         )}
         <div className="venue-text">
           <div className="venue-meta">
             <table>
-              {floor && <tr><td>Etasje</td><td>{floor}</td></tr>}
+              {floor && (
-              {capacityLegal && <tr><td>Branntillatelse for</td><td>{capacityLegal}</td></tr>}
+                <tr>
-              {capacityStanding && <tr><td>Stående</td><td>{capacityStanding}</td></tr>}
+                  <td>Etasje</td>
-              {capacitySitting && <tr><td>Sittende</td><td>{capacitySitting}</td></tr>}
+                  <td>{floor}</td>
-              {usedFor && <tr><td>Bruk</td><td>{usedFor}</td></tr>}
+                </tr>
-              {bar && <tr><td>Bar</td><td>{bar}</td></tr>}
+              )}
-              {audio && <tr><td>Lyd</td><td>{audio}</td></tr>}
+              {capacityLegal && (
-              {lighting && <tr><td>Lys</td><td>{lighting}</td></tr>}
+                <tr>
-              {audioVideo && <tr><td>A/V</td><td>{audioVideo}</td></tr>}
+                  <td>Branntillatelse for</td>
+                  <td>{capacityLegal}</td>
+                </tr>
+              )}
+              {capacityStanding && (
+                <tr>
+                  <td>Stående</td>
+                  <td>{capacityStanding}</td>
+                </tr>
+              )}
+              {capacitySitting && (
+                <tr>
+                  <td>Sittende</td>
+                  <td>{capacitySitting}</td>
+                </tr>
+              )}
+              {usedFor && (
+                <tr>
+                  <td>Bruk</td>
+                  <td>{usedFor}</td>
+                </tr>
+              )}
+              {bar && (
+                <tr>
+                  <td>Bar</td>
+                  <td>{bar}</td>
+                </tr>
+              )}
+              {audio && (
+                <tr>
+                  <td>Lyd</td>
+                  <td>{audio}</td>
+                </tr>
+              )}
+              {lighting && (
+                <tr>
+                  <td>Lys</td>
+                  <td>{lighting}</td>
+                </tr>
+              )}
+              {audioVideo && (
+                <tr>
+                  <td>A/V</td>
+                  <td>{audioVideo}</td>
+                </tr>
+              )}
             </table>
           </div>
         </div>
@@ -176,6 +225,7 @@ export const pageQuery = graphql`
     audio_video
     featured_media {
       localFile {
+        url
         ...FluidImage
       }
     }