Prevent errors on posts without cover image

greglobinski · Sep 30, 2018 · beab7f5 · beab7f5
1 parent c679c38
commit beab7f5
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/components/Navigator/ListItem.js b/src/components/Navigator/ListItem.js
@@ -149,19 +149,22 @@ class ListItem extends React.Component {
           to={post.node.fields.slug}
           onClick={linkOnClick}
         >
-          <div className={`${classes.listItemPointer} pointer`}>
-            <LazyLoad height={60} overflow={true} throttle={300} once={true} offset={100}>
-              <picture>
-                <source
-                  type="image/webp"
-                  srcSet={post.node.frontmatter.cover.children[0].resolutions.srcSetWebp}
-                />
-                <source srcSet={post.node.frontmatter.cover.children[0].resolutions.srcSet} />
-                <img src={post.node.frontmatter.cover.children[0].resolutions.src} alt="" />
-              </picture>
-            </LazyLoad>
-            {/*<Img sizes={post.node.frontmatter.cover.children[0].sizes} />*/}
-          </div>
+          {post.node.frontmatter.cover &&
+            post.node.frontmatter.cover.children[0] && (
+              <div className={`${classes.listItemPointer} pointer`}>
+                <LazyLoad height={60} overflow={true} throttle={300} once={true} offset={100}>
+                  <picture>
+                    <source
+                      type="image/webp"
+                      srcSet={post.node.frontmatter.cover.children[0].resolutions.srcSetWebp}
+                    />
+                    <source srcSet={post.node.frontmatter.cover.children[0].resolutions.srcSet} />
+                    <img src={post.node.frontmatter.cover.children[0].resolutions.src} alt="" />
+                  </picture>
+                </LazyLoad>
+              </div>
+            )}
+
           <div className={classes.listItemText}>
             <h1>{post.node.frontmatter.title}</h1>
             {post.node.frontmatter.subTitle && <h2>{post.node.frontmatter.subTitle}</h2>}