From f4daa246dac41527da25409392854c544be80aa2 Mon Sep 17 00:00:00 2001
From: Salym Akhmedov <khokumdarakhmedov@gmail.com>
Date: Mon, 8 Feb 2021 20:16:42 -0700
Subject: [PATCH] optional chaining operator

Added optional chaining operator for all queries
---
 src/components/about.js             | 2 +-
 src/components/call-to-action.js    | 2 +-
 src/components/car-tint.js          | 7 ++++++-
 src/components/carbon-price.js      | 2 +-
 src/components/carbon-tint.js       | 2 +-
 src/components/carbon-vs-ceramic.js | 2 +-
 src/components/ceramic-price .js    | 2 +-
 src/components/ceramic-tint.js      | 7 ++++++-
 src/components/contact.js           | 2 +-
 src/components/faq.js               | 2 +-
 src/components/footer.js            | 2 +-
 src/components/header.js            | 2 +-
 src/components/hero.js              | 2 +-
 src/components/pricing.js           | 2 +-
 src/components/reviews.js           | 2 +-
 src/components/seo.js               | 2 +-
 src/components/services.js          | 2 +-
 17 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/components/about.js b/src/components/about.js
index 41c87cd..1f7529d 100644
--- a/src/components/about.js
+++ b/src/components/about.js
@@ -26,7 +26,7 @@ const About = () => {
     }
   `);
 
-  const { to, description, image } = data.wpPage.sections.about;
+  const { to, description, image } = data.wpPage.sections?.about;
   return (
     <section>
       <div id={to} className="bg-white pt-8 lg:pt-24">
diff --git a/src/components/call-to-action.js b/src/components/call-to-action.js
index 12976ca..907b91c 100644
--- a/src/components/call-to-action.js
+++ b/src/components/call-to-action.js
@@ -36,7 +36,7 @@ const CallToAction = () => {
     subheadline,
     ctaButton,
     image,
-  } = data.wpPage.sections.callToAction;
+  } = data.wpPage.sections?.callToAction;
   return (
     <div className="relative mb-20">
       <div className="absolute inset-0 flex flex-col" aria-hidden="true">
diff --git a/src/components/car-tint.js b/src/components/car-tint.js
index bad0ec4..5bd7d7e 100644
--- a/src/components/car-tint.js
+++ b/src/components/car-tint.js
@@ -26,7 +26,12 @@ const CarTint = () => {
     }
   `);
 
-  const { to, title, subtitle, features } = data.wpPage.sections.automotiveTint;
+  const {
+    to,
+    title,
+    subtitle,
+    features,
+  } = data.wpPage.sections?.automotiveTint;
 
   return (
     <div id={to} className="bg-white">
diff --git a/src/components/carbon-price.js b/src/components/carbon-price.js
index 8afdc38..2c8b823 100644
--- a/src/components/carbon-price.js
+++ b/src/components/carbon-price.js
@@ -40,7 +40,7 @@ const CarbonPrice = () => {
     fourDoors,
     features,
     ctaButton,
-  } = data.wpPage.sections.carbonPrice;
+  } = data.wpPage.sections?.carbonPrice;
   return (
     <div className="flex flex-col rounded-lg shadow-lg overflow-hidden">
       <div className="px-6 py-8 bg-white sm:p-10 sm:pb-6">
diff --git a/src/components/carbon-tint.js b/src/components/carbon-tint.js
index 7ce1962..fe4e228 100644
--- a/src/components/carbon-tint.js
+++ b/src/components/carbon-tint.js
@@ -34,7 +34,7 @@ const CarbonTint = () => {
       }
     }
   `);
-  const { title, subtitle, features, image } = data.wpPage.sections.carbonTint;
+  const { title, subtitle, features, image } = data.wpPage.sections?.carbonTint;
 
   return (
     <div className="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
diff --git a/src/components/carbon-vs-ceramic.js b/src/components/carbon-vs-ceramic.js
index 2a70171..37026e9 100644
--- a/src/components/carbon-vs-ceramic.js
+++ b/src/components/carbon-vs-ceramic.js
@@ -15,7 +15,7 @@ const CarbonVSCeramic = () => {
     }
   `);
 
-  const { title, subtitle } = data.wpPage.sections.carbonVsCeramic;
+  const { title, subtitle } = data.wpPage.sections?.carbonVsCeramic;
 
   return (
     <div className="relative">
diff --git a/src/components/ceramic-price .js b/src/components/ceramic-price .js
index 8fa579e..2d5a751 100644
--- a/src/components/ceramic-price .js	
+++ b/src/components/ceramic-price .js	
@@ -40,7 +40,7 @@ const CeramicPrice = () => {
     fourDoors,
     features,
     ctaButton,
-  } = data.wpPage.sections.ceramicPrice;
+  } = data.wpPage.sections?.ceramicPrice;
   return (
     <div className="flex flex-col rounded-lg shadow-lg overflow-hidden">
       <div className="px-6 py-8 bg-white sm:p-10 sm:pb-6">
diff --git a/src/components/ceramic-tint.js b/src/components/ceramic-tint.js
index dcf682c..b441016 100644
--- a/src/components/ceramic-tint.js
+++ b/src/components/ceramic-tint.js
@@ -34,7 +34,12 @@ const CeramicTint = () => {
       }
     }
   `);
-  const { title, subtitle, features, image } = data.wpPage.sections.ceramicTint;
+  const {
+    title,
+    subtitle,
+    features,
+    image,
+  } = data.wpPage.sections?.ceramicTint;
 
   return (
     <div className="relative mt-12 sm:mt-16 lg:mt-24">
diff --git a/src/components/contact.js b/src/components/contact.js
index 6969b57..f94f2cc 100644
--- a/src/components/contact.js
+++ b/src/components/contact.js
@@ -34,7 +34,7 @@ const Contact = () => {
     address,
     phone,
     email,
-  } = data.wpPage.sections.contact;
+  } = data.wpPage.sections?.contact;
 
   return (
     <section>
diff --git a/src/components/faq.js b/src/components/faq.js
index f006ee0..dd35df8 100644
--- a/src/components/faq.js
+++ b/src/components/faq.js
@@ -21,7 +21,7 @@ const FAQ = () => {
       }
     }
   `);
-  const { to, title, questions } = data.wpPage.sections.faq;
+  const { to, title, questions } = data.wpPage.sections?.faq;
   return (
     <section id={to}>
       <div className="bg-gray-50">
diff --git a/src/components/footer.js b/src/components/footer.js
index 4935655..051bf52 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -28,7 +28,7 @@ const Footer = () => {
     }
   `);
 
-  const { items } = data.wpPage.sections.menuItems;
+  const { items } = data.wpPage.sections?.menuItems;
   const {
     facebookLink,
     instagramLink,
diff --git a/src/components/header.js b/src/components/header.js
index b6b534b..78479a4 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -79,7 +79,7 @@ const Header = () => {
     }
   `);
 
-  const { items, phoneCta } = data?.wpPage?.sections?.menuItems;
+  const { items, phoneCta } = data.wpPage.sections?.menuItems;
   return (
     <>
       {/* This example requires Tailwind CSS v2.0+ */}
diff --git a/src/components/hero.js b/src/components/hero.js
index 57bb5cc..4cdd4bf 100644
--- a/src/components/hero.js
+++ b/src/components/hero.js
@@ -39,7 +39,7 @@ const Hero = () => {
     bookBtn,
     learnBtn,
     image,
-  } = data.wpPage.sections.hero;
+  } = data.wpPage.sections?.hero;
 
   return (
     <section>
diff --git a/src/components/pricing.js b/src/components/pricing.js
index 260568c..328da07 100644
--- a/src/components/pricing.js
+++ b/src/components/pricing.js
@@ -20,7 +20,7 @@ const Pricing = () => {
     }
   `);
 
-  const { to, title, heading, subheading } = data.wpPage.sections.pricing;
+  const { to, title, heading, subheading } = data.wpPage.sections?.pricing;
 
   return (
     <section id={to}>
diff --git a/src/components/reviews.js b/src/components/reviews.js
index 9eb2137..8a2f7aa 100644
--- a/src/components/reviews.js
+++ b/src/components/reviews.js
@@ -45,7 +45,7 @@ const Reviews = () => {
     }
   `);
 
-  const { to, sectionTitle, customerReviews } = data.wpPage.sections.reviews;
+  const { to, sectionTitle, customerReviews } = data.wpPage.sections?.reviews;
 
   return (
     <section>
diff --git a/src/components/seo.js b/src/components/seo.js
index a052f77..7d4f860 100644
--- a/src/components/seo.js
+++ b/src/components/seo.js
@@ -16,7 +16,7 @@ function SEO({ description, lang, meta, keywords, title }) {
     }
   `);
 
-  const metaDescription = description || site.siteMetadata.description;
+  const metaDescription = description || site.siteMetadata?.description;
 
   return (
     <Helmet
diff --git a/src/components/services.js b/src/components/services.js
index 9b163c0..f32ae72 100644
--- a/src/components/services.js
+++ b/src/components/services.js
@@ -44,7 +44,7 @@ const Services = () => {
     }
   `);
 
-  const { headlightTinting, vinylWrap } = data.wpPage.sections.moreServices;
+  const { headlightTinting, vinylWrap } = data.wpPage.sections?.moreServices;
   return (
     <>
       <section className="mx-auto mb-12">