From 7ee81d46934ae887b9406466826d39738a41fa06 Mon Sep 17 00:00:00 2001
From: KerollesFathy <kerolles.f@outlook.com>
Date: Wed, 24 Sep 2025 14:23:45 +0000
Subject: [PATCH] feat: Add work mode badge to job detail page

---
 frontend/src/pages/JobDetail.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/pages/JobDetail.vue b/frontend/src/pages/JobDetail.vue
index ab478116..dea21e94 100644
--- a/frontend/src/pages/JobDetail.vue
+++ b/frontend/src/pages/JobDetail.vue
@@ -99,6 +99,12 @@
 							</template>
 							{{ job.data.type }}
 						</Badge>
+						<Badge v-if="job.data?.work_mode" size="lg">
+							<template #prefix>
+								<BriefcaseBusiness class="size-3 stroke-2 text-ink-gray-7" />
+							</template>
+							{{ job.data.work_mode }}
+						</Badge>
 						<Badge v-if="applicationCount.data" size="lg">
 							<template #prefix>
 								<SquareUserRound class="size-3 stroke-2 text-ink-gray-7" />
@@ -152,6 +158,7 @@ import {
 	SquareArrowOutUpRight,
 	FileText,
 	ClipboardType,
+	BriefcaseBusiness,
 } from 'lucide-vue-next'
 
 const user = inject('$user')