From 68e87f20aaff5c2944a72b351148fbf505d38625 Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Fri, 22 Nov 2024 11:07:23 +0530
Subject: [PATCH] feat: added progress column in program members list

---
 frontend/src/pages/ProgramForm.vue | 6 ++++++
 frontend/src/pages/Programs.vue    | 7 ++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/ProgramForm.vue b/frontend/src/pages/ProgramForm.vue
index 092e41b8..9194e94e 100644
--- a/frontend/src/pages/ProgramForm.vue
+++ b/frontend/src/pages/ProgramForm.vue
@@ -331,6 +331,12 @@ const memberColumns = computed(() => {
 			width: 3,
 			align: 'left',
 		},
+		{
+			label: 'Progress',
+			key: 'progress',
+			width: 3,
+			align: 'left',
+		},
 	]
 })
 
diff --git a/frontend/src/pages/Programs.vue b/frontend/src/pages/Programs.vue
index 860a1244..b68f0986 100644
--- a/frontend/src/pages/Programs.vue
+++ b/frontend/src/pages/Programs.vue
@@ -32,7 +32,12 @@
 							program.members == 1 ? __(singularize('members')) : __('members')
 						}}
 					</Badge>
-					<Badge variant="subtle" theme="blue" size="lg">
+					<Badge
+						v-if="program.progress"
+						variant="subtle"
+						theme="blue"
+						size="lg"
+					>
 						{{ program.progress }}{{ __('% completed') }}
 					</Badge>