Merge pull request #106 from WebDevStudios/feature/33-post-archive-page-redirect

Feature/33 post archive page redirect

Author: Greg Rickaby

api/wordpress/pages/queryPageById.js

@@ -25,6 +25,7 @@ const queryPageById = gql`
   ) {
     page(id: $id, idType: $idType) {
       ...SinglePageFields
+      isPostsPage
     }
   }
   ${singlePageFragment}

pages/[...slug].js

@@ -47,7 +47,9 @@ export default function Page({post}) {
             />
           </article>
         </section>
-        {post.slug === 'form-demo' && <BlockGravityForm {...post?.blocks[0]} />}
+        {post?.slug === 'form-demo' && (
+          <BlockGravityForm {...post?.blocks[0]} />
+        )}
       </div>
     </Layout>
   )

pages/_app.js

@@ -3,10 +3,11 @@ import '@/styles/index.css'
 import {ApolloProvider} from '@apollo/client'
 import {DefaultSeo} from 'next-seo'
 import Error from 'next/error'
-import {useState} from 'react'
+import {useState, useEffect} from 'react'
 import PropTypes from 'prop-types'
 import AlgoliaProvider from '@/components/common/AlgoliaProvider'
 import MenuProvider from '@/components/common/MenuProvider'
+import {useRouter} from 'next/router'
 
 /**
  * Render the App component.
@@ -25,6 +26,17 @@ export default function App({Component, pageProps}) {
    */
   const apolloClient = useApollo(pageProps)
 
+  const router = useRouter()
+
+  // Redirect from WP blog archive to FE posts archive.
+  useEffect(() => {
+    if (!pageProps?.post?.isPostsPage) {
+      return
+    }
+
+    router.push('/blog')
+  }, [pageProps, router])
+
   // Check for errors.
   const error = pageProps?.error
   let errorMessage = pageProps?.errorMessage ?? 'An unknown error occurred.'