From 807c9b222592cf2b5a84419220eab4493b5c96f4 Mon Sep 17 00:00:00 2001
From: Nikhil Kothari <nik.kothari22@live.com>
Date: Fri, 21 Jun 2024 17:17:36 +0530
Subject: [PATCH] fix: use single span instead of multiple badges

---
 frontend/src/components/BatchCard.vue    | 11 ++---------
 frontend/src/components/BatchOverlay.vue | 11 ++---------
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/BatchCard.vue b/frontend/src/components/BatchCard.vue
index 3661c654..3dbe647e 100644
--- a/frontend/src/components/BatchCard.vue
+++ b/frontend/src/components/BatchCard.vue
@@ -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"
diff --git a/frontend/src/components/BatchOverlay.vue b/frontend/src/components/BatchOverlay.vue
index 41db2cdf..8948fa4b 100644
--- a/frontend/src/components/BatchOverlay.vue
+++ b/frontend/src/components/BatchOverlay.vue
@@ -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"