Deploy android app development page

canopas · Oct 27, 2023 · 97dae44 · 97dae44
1 parent 4b7d73b
commit 97dae44
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git 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 || prod ? openUrl(service.url) : ''"
-                :class="showServices || prod ? '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],
@@ -79,7 +89,6 @@ export default {
           description:
             "Take your business to new heights with an Android app! Tap into a global user base, boost customer engagement, communicate directly, and gather insightful data. Plus, enhance your visibility, add revenue streams, and provide top-notch customer service. With over a decade of expertise in Android app development, our team can help you craft high-quality, user-friendly apps that drive business growth and customer engagement. ",
           url: "/android-app-development",
-          prod: false,
         },
         {
           path: [100, 100],
@@ -134,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
@@ -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],