42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
 
|
<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">
|
||
|
|
<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 { useRulesPageContext } from '../composables/useRulesPage'
|
||
|
|
|
||
|
|
withDefaults(
|
||
|
|
defineProps<{
|
||
|
|
variant?: 'mobile' | 'desktop'
|
||
|
|
}>(),
|
||
|
|
{ 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(),
|
||
|
|
)
|
||
|
|
</script>
|