fix: added translation in SLASection Component

This commit is contained in:
Shariq Ansari 2024-04-15 19:22:40 +05:30
parent 7e203a0a29
commit c1b67dec9c

View File

@ -5,9 +5,9 @@
:key="s.label"
class="flex items-center gap-2 text-base leading-5"
>
<div class="w-[106px] text-sm text-gray-600">{{ s.label }}</div>
<div class="w-[106px] text-sm text-gray-600">{{ __(s.label) }}</div>
<div class="grid min-h-[28px] items-center">
<Tooltip v-if="s.tooltipText" :text="s.tooltipText">
<Tooltip v-if="s.tooltipText" :text="__(s.tooltipText)">
<div class="ml-2 cursor-pointer">
<Badge
v-if="s.type == 'Badge'"
@ -69,12 +69,12 @@ let slaSection = computed(() => {
tooltipText = dateFormat(data.value.response_by, dateTooltipFormat)
if (new Date(data.value.response_by) < new Date()) {
color = 'red'
if (status == 'In less than a minute') {
if (status == __('In less than a minute')) {
status = 'less than a minute ago'
}
}
} else if (['Fulfilled', 'Failed'].includes(status)) {
status = status + ' in ' + formatTime(data.value.first_response_time)
status = __(status) + ' in ' + formatTime(data.value.first_response_time)
tooltipText = dateFormat(data.value.first_responded_on, dateTooltipFormat)
}
@ -83,7 +83,7 @@ let slaSection = computed(() => {
{
label: 'First Response',
type: 'Badge',
value: status,
value: __(status),
tooltipText: tooltipText,
color: color,
},