From abe49367012496d8a1a25e35ea1b74b7ed4d0b38 Mon Sep 17 00:00:00 2001
From: Lydia Hallie <lydiajuliettehallie@gmail.com>
Date: Tue, 1 Mar 2022 18:48:05 -0700
Subject: [PATCH] Update cms-wordpress example (#34944)

Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
---
 .../cms-wordpress/components/more-stories.js  |  4 +--
 examples/cms-wordpress/lib/api.js             | 28 ++++++-------------
 examples/cms-wordpress/next.config.js         |  8 ++++++
 examples/cms-wordpress/pages/index.js         |  5 ++--
 examples/cms-wordpress/pages/posts/[slug].js  |  6 ++--
 5 files changed, 25 insertions(+), 26 deletions(-)
 create mode 100644 examples/cms-wordpress/next.config.js

diff --git a/examples/cms-wordpress/components/more-stories.js b/examples/cms-wordpress/components/more-stories.js
index e35af77cbf8d..951fe76a1500 100644
--- a/examples/cms-wordpress/components/more-stories.js
+++ b/examples/cms-wordpress/components/more-stories.js
@@ -11,9 +11,9 @@ export default function MoreStories({ posts }) {
           <PostPreview
             key={node.slug}
             title={node.title}
-            coverImage={node.featuredImage?.node}
+            coverImage={node.featuredImage}
             date={node.date}
-            author={node.author?.node}
+            author={node.author}
             slug={node.slug}
             excerpt={node.excerpt}
           />
diff --git a/examples/cms-wordpress/lib/api.js b/examples/cms-wordpress/lib/api.js
index cabad8f8113f..9ec551c9d7a6 100644
--- a/examples/cms-wordpress/lib/api.js
+++ b/examples/cms-wordpress/lib/api.js
@@ -70,18 +70,14 @@ export async function getAllPostsForHome(preview) {
             slug
             date
             featuredImage {
-              node {
-                sourceUrl
-              }
+              sourceUrl
             }
             author {
-              node {
-                name
-                firstName
-                lastName
-                avatar {
-                  url
-                }
+              name
+              firstName
+              lastName
+              avatar {
+                url
               }
             }
           }
@@ -125,14 +121,10 @@ export async function getPostAndMorePosts(slug, preview, previewData) {
       slug
       date
       featuredImage {
-        node {
-          sourceUrl
-        }
+        sourceUrl
       }
       author {
-        node {
-          ...AuthorFields
-        }
+        ...AuthorFields
       }
       categories {
         edges {
@@ -164,9 +156,7 @@ export async function getPostAndMorePosts(slug, preview, previewData) {
               excerpt
               content
               author {
-                node {
-                  ...AuthorFields
-                }
+                ...AuthorFields
               }
             }
           }
diff --git a/examples/cms-wordpress/next.config.js b/examples/cms-wordpress/next.config.js
new file mode 100644
index 000000000000..de6202d75136
--- /dev/null
+++ b/examples/cms-wordpress/next.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+  images: {
+    domains: [
+      // "[yourapp].wpengine.com" (Update this to be your Wordpress application name in order to load images connected to your posts)
+      'secure.gravatar.com',
+    ],
+  },
+}
diff --git a/examples/cms-wordpress/pages/index.js b/examples/cms-wordpress/pages/index.js
index e6c987fb8870..2d01e152485e 100644
--- a/examples/cms-wordpress/pages/index.js
+++ b/examples/cms-wordpress/pages/index.js
@@ -22,9 +22,9 @@ export default function Index({ allPosts: { edges }, preview }) {
           {heroPost && (
             <HeroPost
               title={heroPost.title}
-              coverImage={heroPost.featuredImage?.node}
+              coverImage={heroPost.featuredImage}
               date={heroPost.date}
-              author={heroPost.author?.node}
+              author={heroPost.author}
               slug={heroPost.slug}
               excerpt={heroPost.excerpt}
             />
@@ -38,6 +38,7 @@ export default function Index({ allPosts: { edges }, preview }) {
 
 export async function getStaticProps({ preview = false }) {
   const allPosts = await getAllPostsForHome(preview)
+
   return {
     props: { allPosts, preview },
   }
diff --git a/examples/cms-wordpress/pages/posts/[slug].js b/examples/cms-wordpress/pages/posts/[slug].js
index b57d69536ff9..dc06089f5831 100644
--- a/examples/cms-wordpress/pages/posts/[slug].js
+++ b/examples/cms-wordpress/pages/posts/[slug].js
@@ -36,14 +36,14 @@ export default function Post({ post, posts, preview }) {
                 </title>
                 <meta
                   property="og:image"
-                  content={post.featuredImage?.node?.sourceUrl}
+                  content={post.featuredImage?.sourceUrl}
                 />
               </Head>
               <PostHeader
                 title={post.title}
-                coverImage={post.featuredImage?.node}
+                coverImage={post.featuredImage}
                 date={post.date}
-                author={post.author?.node}
+                author={post.author}
                 categories={post.categories}
               />
               <PostBody content={post.content} />