Merge pull request #22 from adityaguru149/hero-cta-null-check

check CTA defined in Hero components

Author: prototypa

src/components/widgets/Hero.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import { CallToAction, HeroProps } from '~/shared/types';
+import { HeroProps } from '~/shared/types';
 import CTA from '../common/CTA';
 
 const Hero = (props: { data: HeroProps }) => {
@@ -18,8 +18,8 @@ const Hero = (props: { data: HeroProps }) => {
             <div className="mx-auto max-w-3xl">
               {subtitle && <p className="mb-6 text-xl font-normal text-gray-600 dark:text-slate-400">{subtitle}</p>}
               <div className="flex max-w-none flex-col flex-nowrap gap-4 px-4 sm:flex-row sm:justify-center">
-                <CTA data={callToAction as CallToAction} />
-                <CTA data={callToAction2 as CallToAction} />
+                {callToAction && <CTA data={callToAction} />}
+                {callToAction2 && <CTA data={callToAction2} />}
               </div>
             </div>
           </div>

src/components/widgets/Hero2.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import { CallToAction, HeroProps } from '~/shared/types';
+import { HeroProps } from '~/shared/types';
 import CTA from '../common/CTA';
 
 const Hero2 = (props: { data: HeroProps }) => {
@@ -19,8 +19,8 @@ const Hero2 = (props: { data: HeroProps }) => {
               <div className="mx-auto max-w-3xl">
                 {subtitle && <p className="mb-8 text-xl font-normal text-gray-600 dark:text-slate-400">{subtitle}</p>}
                 <div className="flex max-w-none flex-col flex-nowrap justify-center gap-4 sm:flex-row md:m-0 md:justify-start">
-                  <CTA data={callToAction as CallToAction} />
-                  <CTA data={callToAction2 as CallToAction} />
+                  {callToAction && <CTA data={callToAction} />}
+                  {callToAction2 && <CTA data={callToAction2} />}
                 </div>
               </div>
             </div>