From b8f7c13f3a406ae75fb921a5e3cfa544591e99e2 Mon Sep 17 00:00:00 2001
From: jagruti <jagruti.a@canopas.com>
Date: Fri, 27 Oct 2023 12:26:00 +0530
Subject: [PATCH] Revert deployment changes

---
 .../services/WhatWeOfferDesktop.vue           | 16 +---
 .../components/services/WhatWeOfferMobile.vue | 14 +---
 vue-frontend/src/config.js                    |  1 +
 vue-frontend/src/config.prod.js               |  1 +
 .../src/pages/android-app-development.vue     | 81 +++++++++++--------
 5 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/vue-frontend/src/components/services/WhatWeOfferDesktop.vue b/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
index 83d06e71c..01cf90232 100644
--- a/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
+++ b/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
@@ -18,16 +18,8 @@
             <div class="tw-absolute tw-top-[50%] tw-translate-y-[-50%]">
               <div
                 class="tw-py-5"
-                @click="
-                  [
-                    showServices ? openUrl(service.url) : '',
-                    index == 0 && showAndroidProd ? openUrl(service.url) : '',
-                  ]
-                "
-                :class="[
-                  showServices ? 'tw-cursor-pointer' : '',
-                  index == 0 && showAndroidProd ? 'tw-cursor-pointer' : '',
-                ]"
+                @click="showServices ? openUrl(service.url) : ''"
+                :class="showServices ? 'tw-cursor-pointer' : ''"
               >
                 <span
                   class="tw-font-inter-semibold tw-text-[1.5rem] tw-leading-9 md:tw-text-[2.25rem] md:tw-leading-[3.43rem] xl:tw-text-[3.125rem] xl:tw-leading-[4.6875rem]"
@@ -75,12 +67,10 @@ import uiuxdesign800w from "@/assets/images/services/service/uiuxdesign-800w.web
 import iosApp800w from "@/assets/images/services/service/iosapp-800w.webp";
 import { elementInViewPort } from "@/utils";
 import config from "@/config.js";
-import prod from "@/config.prod.js";
 export default {
   data() {
     return {
       showServices: !config.IS_PROD,
-      showAndroidProd: prod.IS_PROD,
       services: [
         {
           path: [0, 0],
@@ -143,7 +133,7 @@ export default {
       // check which element is in viewport
       const elementIdx = elementInViewPort(this.$refs);
       const index = parseInt(
-        elementIdx ? elementIdx.charAt(elementIdx.length - 1) : 0,
+        elementIdx ? elementIdx.charAt(elementIdx.length - 1) : 0
       );
 
       if (this.prevIndex != index) {
diff --git a/vue-frontend/src/components/services/WhatWeOfferMobile.vue b/vue-frontend/src/components/services/WhatWeOfferMobile.vue
index 80b884810..0332eca26 100644
--- a/vue-frontend/src/components/services/WhatWeOfferMobile.vue
+++ b/vue-frontend/src/components/services/WhatWeOfferMobile.vue
@@ -25,16 +25,8 @@
         <div :class="service.class" class="tw-px-2.5 sm:tw-px-20">
           <div
             class="tw-py-5 sm:tw-py-6"
-            @click="
-              [
-                showServices ? openUrl(service.url) : '',
-                index == 0 && showAndroidProd ? openUrl(service.url) : '',
-              ]
-            "
-            :class="[
-              showServices ? 'tw-cursor-pointer' : '',
-              index == 0 && showAndroidProd ? 'tw-cursor-pointer' : '',
-            ]"
+            @click="showServices ? openUrl(service.url) : ''"
+            :class="showServices ? 'tw-cursor-pointer' : ''"
           >
             <span
               class="tw-text-center tw-font-inter-semibold tw-text-[1.5rem] tw-leading-9"
@@ -72,13 +64,11 @@ import frontend400w from "@/assets/images/services/service/frontend-400w.webp";
 import frontend800w from "@/assets/images/services/service/frontend-800w.webp";
 
 import config from "@/config.js";
-import prod from "@/config.prod.js";
 
 export default {
   data() {
     return {
       showServices: !config.IS_PROD,
-      showAndroidProd: prod.IS_PROD,
 
       services: [
         {
diff --git a/vue-frontend/src/config.js b/vue-frontend/src/config.js
index 2f7660e93..2f34f6e30 100644
--- a/vue-frontend/src/config.js
+++ b/vue-frontend/src/config.js
@@ -120,6 +120,7 @@ export default Object.freeze({
     image: "https://dev-stack.canopas.com/apple-touch-icon.png",
   },
   IS_PROD: false,
+  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: true,
   SHOW_FLUTTER_APP_DEVELOPMENT_PAGE: true,
   SHOW_IOS_APP_DEVELOPMENT_PAGE: true,
   SMILEPLUS_URL: "https://www.udini.ai/products/smile",
diff --git a/vue-frontend/src/config.prod.js b/vue-frontend/src/config.prod.js
index 25bdf35a9..d1b335435 100644
--- a/vue-frontend/src/config.prod.js
+++ b/vue-frontend/src/config.prod.js
@@ -120,6 +120,7 @@ export default Object.freeze({
     image: "https://dev-stack.canopas.com/apple-touch-icon.png",
   },
   IS_PROD: true,
+  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: false,
   SHOW_IOS_APP_DEVELOPMENT_PAGE: false,
   SHOW_FLUTTER_APP_DEVELOPMENT_PAGE: false,
   SMILEPLUS_URL: "https://www.udini.ai/products/smile",
diff --git a/vue-frontend/src/pages/android-app-development.vue b/vue-frontend/src/pages/android-app-development.vue
index dd0102ab4..b00f10cb0 100644
--- a/vue-frontend/src/pages/android-app-development.vue
+++ b/vue-frontend/src/pages/android-app-development.vue
@@ -30,35 +30,58 @@ import { elementInViewPort } from "@/utils.js";
 import LandingSection from "@/components/android-app-development/LandingSection.vue";
 import DevelopmentSection from "@/components/android-app-development/DevelopmentSection.vue";
 const CaseStudy = defineAsyncComponent(() =>
-  import("@/components/android-app-development/CaseStudySection.vue"),
+  import("@/components/android-app-development/CaseStudySection.vue")
 );
 const SuccessStorySection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/SuccessStorySection.vue"),
+  import("@/components/android-app-development/SuccessStorySection.vue")
 );
 const FaqSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/FaqSection.vue"),
+  import("@/components/android-app-development/FaqSection.vue")
 );
 
 const PinkCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/PinkCtaSection.vue"),
+  import("@/components/android-app-development/PinkCtaSection.vue")
 );
 const CtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/CtaSection.vue"),
+  import("@/components/android-app-development/CtaSection.vue")
 );
 const BlackCtaSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlackCtaSection.vue"),
+  import("@/components/android-app-development/BlackCtaSection.vue")
 );
 const BlogSection = defineAsyncComponent(() =>
-  import("@/components/android-app-development/BlogSection.vue"),
+  import("@/components/android-app-development/BlogSection.vue")
 );
 const NewFooter = defineAsyncComponent(() =>
-  import("@/components/partials/NewFooter.vue"),
+  import("@/components/partials/NewFooter.vue")
 );
 
 export default {
+  data() {
+    return {
+      event: "",
+      events: {
+        landing: "view_android_development_landing_section",
+        footer: "view_android_development_footer",
+        development: "view_android_development_section",
+        casestudy: "view_android_development_casestudy_section",
+        faq: "view_android_development_faq_section",
+        successstory: "view_android_development_success_story_section",
+        cta1: "view_android_development_cta_section",
+        cta2: "view_android_development_cta2_section",
+        cta3: "view_android_development_cta3_section",
+      },
+    };
+  },
   setup() {
     var seoData = config.ANDRIOD_APP_DEVELOPMENT_SEO_META_DATA;
     useMeta({
+      meta: [
+        {
+          name: "robots",
+          content: "noindex, nofollow",
+          vmid: "robots",
+        },
+      ],
       title: seoData.title,
       description: seoData.description,
       og: {
@@ -82,30 +105,6 @@ export default {
     CtaSection,
     NewFooter,
   },
-  data() {
-    return {
-      event: "",
-      events: {
-        landing: "view_android_development_landing_section",
-        footer: "view_android_development_footer",
-        development: "view_android_development_section",
-        casestudy: "view_android_development_casestudy_section",
-        faq: "view_android_development_faq_section",
-        successstory: "view_android_development_success_story_section",
-        cta1: "view_android_development_cta_section",
-        cta2: "view_android_development_cta2_section",
-        cta3: "view_android_development_cta3_section",
-      },
-    };
-  },
-  inject: ["mixpanel"],
-  mounted() {
-    window.addEventListener("scroll", this.sendEvent);
-    this.mixpanel.track("view_android_development_page");
-  },
-  unmounted() {
-    window.removeEventListener("scroll", this.sendEvent);
-  },
   methods: {
     sendEvent() {
       const event = this.events[elementInViewPort(this.$refs)];
@@ -115,5 +114,23 @@ export default {
       }
     },
   },
+  beforeRouteEnter(to, from, next) {
+    if (!config.SHOW_ANDROID_APP_DEVELOPMENT_PAGE) {
+      next({
+        name: "Error404Page",
+        params: { pathMatch: "/android-app-development" },
+      });
+    } else {
+      next();
+    }
+  },
+  inject: ["mixpanel"],
+  mounted() {
+    window.addEventListener("scroll", this.sendEvent);
+    this.mixpanel.track("view_android_development_page");
+  },
+  unmounted() {
+    window.removeEventListener("scroll", this.sendEvent);
+  },
 };
 </script>