- {{ 'No templates found' }} + {{ t('COMPOSE_NEW_CONVERSATION.FORM.WHATSAPP_OPTIONS.EMPTY_STATE') }}
diff --git a/app/javascript/dashboard/components-next/NewConversation/components/WhatsappTemplateParser.vue b/app/javascript/dashboard/components-next/NewConversation/components/WhatsappTemplateParser.vue index ee32e57ff..85f69a665 100644 --- a/app/javascript/dashboard/components-next/NewConversation/components/WhatsappTemplateParser.vue +++ b/app/javascript/dashboard/components-next/NewConversation/components/WhatsappTemplateParser.vue @@ -2,6 +2,7 @@ import { computed, ref, onMounted } from 'vue'; import { useVuelidate } from '@vuelidate/core'; import { requiredIf } from '@vuelidate/validators'; +import { useI18n } from 'vue-i18n'; import Input from 'dashboard/components-next/input/Input.vue'; import Button from 'dashboard/components-next/button/Button.vue'; @@ -15,6 +16,8 @@ const props = defineProps({ const emit = defineEmits(['sendMessage', 'back']); +const { t } = useI18n(); + const processedParams = ref({}); const templateName = computed(() => { @@ -106,7 +109,12 @@ onMounted(() => { class="absolute top-full mt-1.5 max-h-[500px] overflow-y-auto left-0 flex flex-col gap-4 px-4 pt-6 pb-5 items-start w-[460px] h-auto bg-n-solid-2 border border-n-strong shadow-sm rounded-lg" > - {{ `WhatsApp template: ${templateName}` }} + {{ + t( + 'COMPOSE_NEW_CONVERSATION.FORM.WHATSAPP_OPTIONS.TEMPLATE_PARSER.TEMPLATE_NAME', + { templateName: templateName } + ) + }}{ v-if="Object.keys(processedParams).length" class="text-sm font-medium text-n-slate-12" > - {{ 'Variables' }} + {{ + t( + 'COMPOSE_NEW_CONVERSATION.FORM.WHATSAPP_OPTIONS.TEMPLATE_PARSER.VARIABLES' + ) + }}