33 lines
1.1 KiB
Vue
33 lines
1.1 KiB
Vue
<template>
|
|
<div :class="variant === 'desktop' ? 'drules-support' : 'wrap-fix mobile-info-page__support flex gap-2'">
|
|
<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">
|
|
<img src="@/assets/img/bale.png" alt="بله" :class="variant === 'desktop' ? 'drules-support__bale' : 'h-10 w-10'" />
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed } from 'vue'
|
|
import BasicButton from '@/components/BasicPacks/BasicButton.vue'
|
|
import { getProjectBaleContactLink, getProjectSupportContactLink } from '@/utils/config'
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
variant?: 'mobile' | 'desktop'
|
|
}>(),
|
|
{ variant: 'mobile' },
|
|
)
|
|
|
|
const supportHref = computed(() => getProjectSupportContactLink())
|
|
const baleHref = computed(() => getProjectBaleContactLink())
|
|
const opensSupportInNewTab = computed(() => supportHref.value.startsWith('http'))
|
|
</script>
|