fix: use single span instead of multiple badges

This commit is contained in:
Nikhil Kothari
2024-06-21 17:17:36 +05:30
committed by GitHub
parent e397295b5e
commit 807c9b2225
2 changed files with 4 additions and 18 deletions

View File

@@ -4,18 +4,11 @@
style="min-height: 150px"
>
<Badge
v-if="batch.seat_count && batch.seats_left > 1"
v-if="batch.seat_count && batch.seats_left > 0"
theme="green"
class="self-start mb-2"
>
{{ batch.seats_left }} {{ __('Seats Left') }}
</Badge>
<Badge
v-else-if="batch.seat_count && batch.seats_left == 1"
theme="green"
class="self-start mb-2"
>
{{ batch.seats_left }} {{ __('Seat Left') }}
{{ batch.seats_left }} <span v-if="batch.seats_left > 1">{{ __('Seats Left') }}</span><span v-else-if="batch.seats_left == 1">{{ __('Seat Left') }}</span>
</Badge>
<Badge
v-else-if="batch.seat_count && batch.seats_left <= 0"

View File

@@ -1,18 +1,11 @@
<template>
<div v-if="batch.data" class="shadow rounded-md p-5 lg:w-72">
<Badge
v-if="batch.data.seat_count && seats_left > 1"
v-if="batch.data.seat_count && seats_left > 0"
theme="green"
class="self-start mb-2 float-right"
>
{{ seats_left }} {{ __('Seats Left') }}
</Badge>
<Badge
v-else-if="batch.data.seat_count && seats_left == 1"
theme="green"
class="self-start mb-2 float-right"
>
{{ seats_left }} {{ __('Seat Left') }}
{{ seats_left }} <span v-if="batch.seats_left > 1">{{ __('Seats Left') }}</span><span v-else-if="batch.seats_left == 1">{{ __('Seat Left') }}</span>
</Badge>
<Badge
v-else-if="batch.data.seat_count && seats_left <= 0"