From f45f280441caffea968c8ec0b0fde405a535247c Mon Sep 17 00:00:00 2001
From: cp-jagruti-a <jagruti.a@canopas.com>
Date: Fri, 24 Nov 2023 11:53:33 +0530
Subject: [PATCH] Fix runtime error

---
 nuxt-frontend/pages/about.vue           | 10 +++---
 nuxt-frontend/pages/contributions.vue   | 42 ++++++++++++-------------
 nuxt-frontend/pages/portfolio/index.vue | 12 +++----
 nuxt-frontend/pages/services.vue        |  2 +-
 4 files changed, 31 insertions(+), 35 deletions(-)

diff --git a/nuxt-frontend/pages/about.vue b/nuxt-frontend/pages/about.vue
index 53b40d4c0..06d80d4b6 100644
--- a/nuxt-frontend/pages/about.vue
+++ b/nuxt-frontend/pages/about.vue
@@ -8,9 +8,9 @@
       <AboutusVirtue />
       <WithCanopasSection ref="withcanopas" />
       <ClientReviewSection />
-      <CTASection />
+      <CTASection ref="cta" />
     </div>
-    <NewFooter ref="footer" />
+    <NewFooter />
   </div>
 </template>
 
@@ -43,7 +43,7 @@ const NewFooter = defineAsyncComponent(
 const { $mixpanel } = useNuxtApp();
 
 const withcanopas = ref(null);
-const footer = ref(null);
+const cta = ref(null);
 
 const seoData = config.ABOUT_SEO_META_DATA;
 useSeoMeta({
@@ -58,13 +58,13 @@ useSeoMeta({
 let event = "";
 let events = {
   withcanopas: "view_about_phases",
-  footer: "view_about_footer",
+  cta: "view_about_cta",
 };
 let elements;
 onMounted(() => {
   elements = ref({
     withcanopas: withcanopas,
-    footer: footer,
+    cta: cta,
   });
   window.addEventListener("scroll", sendEvent);
   $mixpanel.track("view_about_page");
diff --git a/nuxt-frontend/pages/contributions.vue b/nuxt-frontend/pages/contributions.vue
index 0e931514f..d5aca0090 100755
--- a/nuxt-frontend/pages/contributions.vue
+++ b/nuxt-frontend/pages/contributions.vue
@@ -13,9 +13,9 @@
       <AnimatedCreation />
       <UnitTest class="md:overflow-hidden" />
       <DevOps />
-      <ExploreDesign class="overflow-hidden" />
+      <ExploreDesign class="overflow-hidden" ref="design" />
     </div>
-    <NewFooter ref="footer" />
+    <NewFooter />
   </div>
 </template>
 
@@ -27,34 +27,34 @@ import MobileLandingSection from "@/components/contributions/MobileLanding.vue";
 import DesktopLandingSection from "@/components/contributions/DesktopLanding.vue";
 import GithubContribution from "@/components/contributions/GithubContribution.vue";
 import { elementInViewPort } from "@/utils.js";
-const WeeklyUpdateSection = defineAsyncComponent(
-  () => import("@/components/contributions/WeeklyUpdate.vue"),
+const WeeklyUpdateSection = defineAsyncComponent(() =>
+  import("@/components/contributions/WeeklyUpdate.vue")
 );
-const WhatsTrending = defineAsyncComponent(
-  () => import("@/components/contributions/WhatsTrending.vue"),
+const WhatsTrending = defineAsyncComponent(() =>
+  import("@/components/contributions/WhatsTrending.vue")
 );
-const Favourite = defineAsyncComponent(
-  () => import("@/components/contributions/Favourite.vue"),
+const Favourite = defineAsyncComponent(() =>
+  import("@/components/contributions/Favourite.vue")
 );
-const AnimatedCreation = defineAsyncComponent(
-  () => import("@/components/contributions/AnimatedCreation.vue"),
+const AnimatedCreation = defineAsyncComponent(() =>
+  import("@/components/contributions/AnimatedCreation.vue")
 );
-const UnitTest = defineAsyncComponent(
-  () => import("@/components/contributions/UnitTest.vue"),
+const UnitTest = defineAsyncComponent(() =>
+  import("@/components/contributions/UnitTest.vue")
 );
-const DevOps = defineAsyncComponent(
-  () => import("@/components/contributions/DevOps.vue"),
+const DevOps = defineAsyncComponent(() =>
+  import("@/components/contributions/DevOps.vue")
 );
-const ExploreDesign = defineAsyncComponent(
-  () => import("@/components/contributions/DesignExplore.vue"),
+const ExploreDesign = defineAsyncComponent(() =>
+  import("@/components/contributions/DesignExplore.vue")
 );
-const NewFooter = defineAsyncComponent(
-  () => import("@/components/partials/NewFooter.vue"),
+const NewFooter = defineAsyncComponent(() =>
+  import("@/components/partials/NewFooter.vue")
 );
 const { $mixpanel } = useNuxtApp();
 
 const favourite = ref(null);
-const footer = ref(null);
+const design = ref(null);
 
 const seoData = config.CONTRIBUTION_SEO_META_DATA;
 useSeoMeta({
@@ -69,7 +69,7 @@ useSeoMeta({
 let event = "";
 let events = {
   favourite: "view_favourite_contribution",
-  footer: "view_contribution_footer",
+  design: "view_design_contribution",
 };
 
 let elements;
@@ -77,7 +77,7 @@ let elements;
 onMounted(() => {
   elements = ref({
     favourite: favourite,
-    footer: footer,
+    design: design,
   });
   window.addEventListener("scroll", sendEvent);
   $mixpanel.track("view_contribution_page");
diff --git a/nuxt-frontend/pages/portfolio/index.vue b/nuxt-frontend/pages/portfolio/index.vue
index 6bfad25d6..4d42dbc40 100644
--- a/nuxt-frontend/pages/portfolio/index.vue
+++ b/nuxt-frontend/pages/portfolio/index.vue
@@ -6,8 +6,8 @@
       ref="userReview"
       class="pb-0 sm:pb-10 md:pb-8 lg:pb-20 sm:top-10"
     />
-    <CTASection />
-    <NewFooter ref="footer" />
+    <CTASection ref="cta" />
+    <NewFooter />
   </div>
 </template>
 
@@ -29,10 +29,8 @@ const NewFooter = defineAsyncComponent(() =>
 );
 const { $mixpanel } = useNuxtApp();
 
-const casestudy = ref(null);
 const userReview = ref(null);
-const ctasection = ref(null);
-const footer = ref(null);
+const cta = ref(null);
 
 const seoData = config.PORTFOLIO_SEO_META_DATA;
 useSeoMeta({
@@ -47,17 +45,15 @@ useSeoMeta({
 let event = "";
 let events = {
   userReview: "view_portfolio_user_review_section",
-  footer: "view_portfolio_footer_section",
+  cta: "view_portfolio_cta_section",
 };
 
 let elements;
 
 onMounted(() => {
   elements = ref({
-    casestudy: casestudy,
     userReview: userReview,
     ctasection: ctasection,
-    footer: footer,
   });
   window.addEventListener("scroll", sendEvent);
   $mixpanel.track("view_portfolio_page");
diff --git a/nuxt-frontend/pages/services.vue b/nuxt-frontend/pages/services.vue
index cdf2b4cf4..f29a50bc4 100644
--- a/nuxt-frontend/pages/services.vue
+++ b/nuxt-frontend/pages/services.vue
@@ -5,7 +5,7 @@
       <LandingSection />
       <WhatWeOfferMobile class="block lg:hidden" />
       <WhatWeOfferDesktop class="hidden lg:block" />
-      <CTASection class="!mt-24 xl:!mt-40" ref="cta" />
+      <CTASection class="!mt-24 xl:!mt-40" />
       <TechnologyStack />
       <BlogSection ref="blogs" />
       <ContributionSection class="hidden lg:block" />