From 7582157df9c8ad292052fc2fc4f0c1d2b16aa08d Mon Sep 17 00:00:00 2001
From: jagruti <jagruti.a@canopas.com>
Date: Fri, 27 Oct 2023 11:44:58 +0530
Subject: [PATCH] Deploy android app development page

---
 .../services/WhatWeOfferDesktop.vue           | 16 ++++-
 .../components/services/WhatWeOfferMobile.vue | 15 ++++-
 vue-frontend/src/config.js                    |  1 -
 vue-frontend/src/config.prod.js               |  1 -
 .../src/pages/android-app-development.vue     | 65 +++++++------------
 5 files changed, 50 insertions(+), 48 deletions(-)

diff --git a/vue-frontend/src/components/services/WhatWeOfferDesktop.vue b/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
index 243114527..8039f0e09 100644
--- a/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
+++ b/vue-frontend/src/components/services/WhatWeOfferDesktop.vue
@@ -18,8 +18,16 @@
             <div class="tw-absolute tw-top-[50%] tw-translate-y-[-50%]">
               <div
                 class="tw-py-5"
-                @click="showServices ? openUrl(service.url) : ''"
-                :class="showServices ? 'tw-cursor-pointer' : ''"
+                @click="
+                  [
+                    showServices ? openUrl(service.url) : '',
+                    index == 0 && showAndroidProd ? openUrl(service.url) : '',
+                  ]
+                "
+                :class="[
+                  showServices ? 'tw-cursor-pointer' : '',
+                  index == 0 && showAndroidProd ? '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]"
@@ -67,10 +75,12 @@ 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],
@@ -133,7 +143,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 8f385419e..80b884810 100644
--- a/vue-frontend/src/components/services/WhatWeOfferMobile.vue
+++ b/vue-frontend/src/components/services/WhatWeOfferMobile.vue
@@ -25,8 +25,16 @@
         <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) : ''"
-            :class="showServices ? 'tw-cursor-pointer' : ''"
+            @click="
+              [
+                showServices ? openUrl(service.url) : '',
+                index == 0 && showAndroidProd ? openUrl(service.url) : '',
+              ]
+            "
+            :class="[
+              showServices ? 'tw-cursor-pointer' : '',
+              index == 0 && showAndroidProd ? 'tw-cursor-pointer' : '',
+            ]"
           >
             <span
               class="tw-text-center tw-font-inter-semibold tw-text-[1.5rem] tw-leading-9"
@@ -64,11 +72,14 @@ 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: [
         {
           images: [androidApp400w, androidApp800w],
diff --git a/vue-frontend/src/config.js b/vue-frontend/src/config.js
index 17823fbb3..2f7660e93 100644
--- a/vue-frontend/src/config.js
+++ b/vue-frontend/src/config.js
@@ -122,7 +122,6 @@ export default Object.freeze({
   IS_PROD: false,
   SHOW_FLUTTER_APP_DEVELOPMENT_PAGE: true,
   SHOW_IOS_APP_DEVELOPMENT_PAGE: true,
-  SHOW_ANDROID_APP_DEVELOPMENT_PAGE: true,
   SMILEPLUS_URL: "https://www.udini.ai/products/smile",
   WEBSITE_OPEN_SOURCE_URL: "https://github.com/canopas/canopas-website",
   MIX_PANEL_TOKEN: "acf7239a736ff487ca6058c981a55d7e",
diff --git a/vue-frontend/src/config.prod.js b/vue-frontend/src/config.prod.js
index d1b335435..25bdf35a9 100644
--- a/vue-frontend/src/config.prod.js
+++ b/vue-frontend/src/config.prod.js
@@ -120,7 +120,6 @@ 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 50f013435..0bf6d1f31 100644
--- a/vue-frontend/src/pages/android-app-development.vue
+++ b/vue-frontend/src/pages/android-app-development.vue
@@ -56,32 +56,9 @@ const NewFooter = defineAsyncComponent(() =>
 );
 
 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: {
@@ -105,24 +82,21 @@ export default {
     CtaSection,
     NewFooter,
   },
-  methods: {
-    sendEvent() {
-      const event = this.events[elementInViewPort(this.$refs)];
-      if (event && this.event !== event) {
-        this.event = event;
-        this.mixpanel.track(event);
-      }
-    },
-  },
-  beforeRouteEnter(to, from, next) {
-    if (!config.SHOW_ANDROID_APP_DEVELOPMENT_PAGE) {
-      next({
-        name: "Error404Page",
-        params: { pathMatch: "/android-app-development" },
-      });
-    } else {
-      next();
-    }
+   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() {
@@ -132,5 +106,14 @@ export default {
   unmounted() {
     window.removeEventListener("scroll", this.sendEvent);
   },
+   methods: {
+    sendEvent() {
+      const event = this.events[elementInViewPort(this.$refs)];
+      if (event && this.event !== event) {
+        this.event = event;
+        this.mixpanel.track(event);
+      }
+    },
+  },
 };
 </script>