preventing errors when no documents

chamois-d-or · Sep 27, 2021 · 871129c · 871129c · vercel · Sep 27, 2021
1 parent 2aecacc
commit 871129c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -58,8 +58,8 @@ export default function Header({ footer = [], }){
                 ))}
             </div>
             <div className="mt-16 md:mt-16 xl:mt-0">
-              <h3 className="text-sm font-medium text-gray-900">{footer.data.newsletter_title}</h3>
-              <p className="mt-6 text-sm text-gray-500">{footer.data.newsletter_description}</p>
+              <h3 className="text-sm font-medium text-gray-900">{footer.data.newsletter_title ? footer.data.newsletter_title : <span>newsletter_title</span>}</h3>
+              <p className="mt-6 text-sm text-gray-500">{footer.data.newsletter_description ? footer.data.newsletter_description : <span>newsletter_description</span>}</p>
               <form className="mt-2 flex sm:max-w-md">
                 <label htmlFor="email-address" className="sr-only">
                   Email address

diff --git a/components/Header.js b/components/Header.js
@@ -8,7 +8,7 @@ function classNames(...classes) {
   return classes.filter(Boolean).join(' ')
 }
 
-export default function Header({ menu = [], categories =[] }){
+export default function Header({ menu = [], categories = [] }){
   const [open, setOpen] = useState(false)
   return (
     <div className="bg-white">

diff --git a/components/Layout.js b/components/Layout.js
@@ -10,9 +10,15 @@ const Layout = ({ children, menu, footer, categories }) => {
       <Head>
         <title> Prismic E-commerce Demo </title>
       </Head>
-      <Header menu={menu} categories={categories}/>
+      { menu.data ?
+        <Header menu={menu} categories={categories}/>
+        : <span/>
+      }
       <main>{children}</main>
-      <Footer footer={footer}/>
+      { footer.data ?
+        <Footer footer={footer}/>
+        : <span/>
+      }
       <ExitPreviewButton />
     </div>
   )

diff --git a/pages/_app.js b/pages/_app.js
@@ -8,9 +8,12 @@ export default class MyApp extends NextApp {
     const client = Client();
     const menu = (await client.getSingle("menu")) || {};
     const footer = (await client.getSingle("footer")) || {};
-    const categoriesId = menu.data.menu_tabs.map(function(tab) {
-      return tab.tab.id
-    })
+    let categoriesId = [];
+    if(menu.data){
+      categoriesId = menu.data.menu_tabs.map(function(tab) {
+        return tab.tab.id
+      }) 
+    }
     const categories = (await client.getByIDs(categoriesId)) || {};
     const categoriesClean = categories.results.map(function(category) {
       return {