From f3ffb3d65fd5b52e33691b1828a2c6cb3dbc3a5e Mon Sep 17 00:00:00 2001
From: safavimohadeseh78 <safavimohadeseh78@gmail.com>
Date: Wed, 17 Jun 2026 16:04:01 +0330
Subject: [PATCH] change link of support button

---
 components.d.ts                               |  3 --
 src/components/SupportContactBar.vue          | 26 ++++++----------
 src/utils/config.ts                           | 18 +++++++++++
 .../about/components/AboutSupportActions.vue  | 31 +++++++------------
 .../components/EducateSupportActions.vue      | 24 +++++++++++---
 .../rules/components/RulesSupportActions.vue  | 29 ++++++-----------
 .../base/wallet/composables/useWalletPage.ts  |  6 ++--
 7 files changed, 71 insertions(+), 66 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 751269f..0e26d2b 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -20,10 +20,8 @@ declare module 'vue' {
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ASelect: typeof import('ant-design-vue/es')['Select']
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
-    ASlider: typeof import('ant-design-vue/es')['Slider']
     ASpin: typeof import('ant-design-vue/es')['Spin']
     ASwitch: typeof import('ant-design-vue/es')['Switch']
-    ATag: typeof import('ant-design-vue/es')['Tag']
     ATextarea: typeof import('ant-design-vue/es')['Textarea']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     BaseDatePicker: typeof import('./src/components/BasicPacks/BaseDatePicker/src/BaseDatePicker.vue')['default']
@@ -70,6 +68,5 @@ declare module 'vue' {
     TransactionSkeleton: typeof import('./src/components/TransactionSkeleton.vue')['default']
     VanActionSheet: typeof import('vant/es')['ActionSheet']
     VanDialog: typeof import('vant/es')['Dialog']
-    VanField: typeof import('vant/es')['Field']
   }
 }
diff --git a/src/components/SupportContactBar.vue b/src/components/SupportContactBar.vue
index 895f619..8822b10 100644
--- a/src/components/SupportContactBar.vue
+++ b/src/components/SupportContactBar.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="variant === 'desktop' ? 'dpage-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
-    <a class="w-full" :href="supportHref">
+    <a
+      class="w-full"
+      :href="supportHref"
+      :target="opensSupportInNewTab ? '_blank' : undefined"
+      :rel="opensSupportInNewTab ? 'noopener noreferrer' : undefined"
+    >
       <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
     </a>
     <a :href="baleHref" target="_blank" rel="noopener noreferrer">
@@ -12,8 +17,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
-import { useConfigStore } from '@/store/configStore'
-import { getProjectBaleLink, getProjectSupportPhoneLink } from '@/utils/config'
+import { getProjectBaleContactLink, getProjectSupportContactLink } from '@/utils/config'
 
 withDefaults(
   defineProps<{
@@ -22,17 +26,7 @@ withDefaults(
   { variant: 'mobile' },
 )
 
-const config = useConfigStore()
-
-const supportHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'tel:09031265925'
-    : getProjectSupportPhoneLink(),
-)
-
-const baleHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'https://ble.ir/garoosigallery'
-    : getProjectBaleLink(),
-)
+const supportHref = computed(() => getProjectSupportContactLink())
+const baleHref = computed(() => getProjectBaleContactLink())
+const opensSupportInNewTab = computed(() => supportHref.value.startsWith('http'))
 </script>
diff --git a/src/utils/config.ts b/src/utils/config.ts
index ad08ef6..225ac4d 100644
--- a/src/utils/config.ts
+++ b/src/utils/config.ts
@@ -148,6 +148,24 @@ export function getProjectBaleLink() {
   return 'https://ble.ir/'
 }
 
+export function getProjectBaleContactLink() {
+  if (getConfigApp('name') === 'garoosi') {
+    return 'https://ble.ir/garoosigallery'
+  }
+  return getProjectBaleLink()
+}
+
+/** لینک دکمه «تماس با پشتیبانی» — bazretala به بله، garoosi تماس، بقیه تلفن پشتیبانی */
+export function getProjectSupportContactLink() {
+  if (isBazretalaProject()) {
+    return getProjectBaleLink()
+  }
+  if (getConfigApp('name') === 'garoosi') {
+    return 'tel:09031265925'
+  }
+  return getProjectSupportPhoneLink()
+}
+
 export function getProjectFundHeaderBackground(defaultBackground: string) {
   if (isBazretalaProject()) {
     return bazretalaFundBg
diff --git a/src/views/base/about/components/AboutSupportActions.vue b/src/views/base/about/components/AboutSupportActions.vue
index cc9ed7a..afedc0f 100644
--- a/src/views/base/about/components/AboutSupportActions.vue
+++ b/src/views/base/about/components/AboutSupportActions.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="variant === 'desktop' ? 'dabout-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
-    <a class="w-full" :href="supportHref">
+    <a
+      class="w-full"
+      :href="supportHref"
+      :target="opensSupportInNewTab ? '_blank' : undefined"
+      :rel="opensSupportInNewTab ? 'noopener noreferrer' : undefined"
+    >
       <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
     </a>
     <a :href="baleHref" target="_blank" rel="noopener noreferrer">
@@ -12,30 +17,16 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
-import { useAboutPageContext } from '../composables/useAboutPage'
+import { getProjectBaleContactLink, getProjectSupportContactLink } from '@/utils/config'
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     variant?: 'mobile' | 'desktop'
   }>(),
   { variant: 'mobile' },
 )
 
-const {
-  config,
-  getProjectSupportPhoneLink,
-  getProjectBaleLink,
-} = useAboutPageContext()
-
-const supportHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'tel:09031265925'
-    : getProjectSupportPhoneLink(),
-)
-
-const baleHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'https://ble.ir/garoosigallery'
-    : getProjectBaleLink(),
-)
+const supportHref = computed(() => getProjectSupportContactLink())
+const baleHref = computed(() => getProjectBaleContactLink())
+const opensSupportInNewTab = computed(() => supportHref.value.startsWith('http'))
 </script>
diff --git a/src/views/base/educate/components/EducateSupportActions.vue b/src/views/base/educate/components/EducateSupportActions.vue
index a4295cb..5640c4f 100644
--- a/src/views/base/educate/components/EducateSupportActions.vue
+++ b/src/views/base/educate/components/EducateSupportActions.vue
@@ -1,15 +1,20 @@
 <template>
   <div
-    v-if="config.config.name === 'garoosi'"
+    v-if="showBaleSupport"
     :class="variant === 'desktop' ? 'deducate-support' : 'wrap-fix bottom-0 px-10 py-6 flex gap-2 bg-white'"
   >
-    <a class="w-full" href="tel:09031265925">
+    <a
+      class="w-full"
+      :href="supportHref"
+      :target="opensSupportInNewTab ? '_blank' : undefined"
+      :rel="opensSupportInNewTab ? 'noopener noreferrer' : undefined"
+    >
       <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
     </a>
-    <a href="https://ble.ir/garoosigallery">
+    <a :href="baleHref" target="_blank" rel="noopener noreferrer">
       <img
         src="@/assets/img/bale.png"
-        alt=""
+        alt="بله"
         :class="variant === 'desktop' ? 'deducate-support__bale' : 'h-10 w-10'"
       />
     </a>
@@ -19,7 +24,7 @@
     v-else
     :class="variant === 'desktop' ? 'deducate-support' : 'wrap-fix bottom-0 px-10 py-5 flex gap-2 bg-white'"
   >
-    <a class="w-full" href="tel:09306612518">
+    <a class="w-full" :href="supportHref">
       <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
     </a>
     <a href="">
@@ -29,7 +34,9 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { getProjectBaleContactLink, getProjectSupportContactLink, isBazretalaProject } from '@/utils/config'
 import { useEducatePageContext } from '../composables/useEducatePage'
 
 withDefaults(
@@ -40,4 +47,11 @@ withDefaults(
 )
 
 const { config } = useEducatePageContext()
+
+const showBaleSupport = computed(
+  () => config.config.name === 'garoosi' || isBazretalaProject(),
+)
+const supportHref = computed(() => getProjectSupportContactLink())
+const baleHref = computed(() => getProjectBaleContactLink())
+const opensSupportInNewTab = computed(() => supportHref.value.startsWith('http'))
 </script>
diff --git a/src/views/base/rules/components/RulesSupportActions.vue b/src/views/base/rules/components/RulesSupportActions.vue
index df00329..65e8928 100644
--- a/src/views/base/rules/components/RulesSupportActions.vue
+++ b/src/views/base/rules/components/RulesSupportActions.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="variant === 'desktop' ? 'drules-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
-    <a class="w-full" :href="supportHref">
+    <a
+      class="w-full"
+      :href="supportHref"
+      :target="opensSupportInNewTab ? '_blank' : undefined"
+      :rel="opensSupportInNewTab ? 'noopener noreferrer' : undefined"
+    >
       <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
     </a>
     <a :href="baleHref" target="_blank" rel="noopener noreferrer">
@@ -12,7 +17,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
-import { useRulesPageContext } from '../composables/useRulesPage'
+import { getProjectBaleContactLink, getProjectSupportContactLink } from '@/utils/config'
 
 withDefaults(
   defineProps<{
@@ -21,21 +26,7 @@ withDefaults(
   { variant: 'mobile' },
 )
 
-const {
-  config,
-  getProjectSupportPhoneLink,
-  getProjectBaleLink,
-} = useRulesPageContext()
-
-const supportHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'tel:09031265925'
-    : getProjectSupportPhoneLink(),
-)
-
-const baleHref = computed(() =>
-  config.config.name === 'garoosi'
-    ? 'https://ble.ir/garoosigallery'
-    : getProjectBaleLink(),
-)
+const supportHref = computed(() => getProjectSupportContactLink())
+const baleHref = computed(() => getProjectBaleContactLink())
+const opensSupportInNewTab = computed(() => supportHref.value.startsWith('http'))
 </script>
diff --git a/src/views/base/wallet/composables/useWalletPage.ts b/src/views/base/wallet/composables/useWalletPage.ts
index ffa031b..e5153a6 100644
--- a/src/views/base/wallet/composables/useWalletPage.ts
+++ b/src/views/base/wallet/composables/useWalletPage.ts
@@ -12,7 +12,7 @@ import { message } from 'ant-design-vue'
 import type { Card } from '@/models/wallet'
 import { useUserStore } from '@/store/userStore'
 import { useConfigStore } from '@/store/configStore'
-import { isBazretalaProject } from '@/utils/config'
+import { getProjectBaleContactLink, isBazretalaProject } from '@/utils/config'
 import { useDesktopBreakpoint } from '@/layouts/composables/useAppLayout'
 import {
   buildDepositSmsUrl,
@@ -92,8 +92,8 @@ export function useWalletPage() {
   )
 
   const depositGuideSupportLink = computed(() => {
-    if (config.config?.name === 'garoosi') {
-      return 'https://ble.ir/garoosigallery'
+    if (config.config?.name === 'garoosi' || isBazretalaProject()) {
+      return getProjectBaleContactLink()
     }
 
     return buildSupportMessengerUrl(