From 42441b615ab9a7fc348484c97a265f5cd95fa50d Mon Sep 17 00:00:00 2001
From: Tola Leng <tolaleng.oss@gmail.com>
Date: Thu, 15 May 2025 22:44:07 +0800
Subject: [PATCH] Feat: Display user status

---
 .../src/components/profile/UserProfileDetails.tsx        | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/application/src/components/profile/UserProfileDetails.tsx b/application/src/components/profile/UserProfileDetails.tsx
index de90535..be9465d 100644
--- a/application/src/components/profile/UserProfileDetails.tsx
+++ b/application/src/components/profile/UserProfileDetails.tsx
@@ -23,6 +23,9 @@ export function UserProfileDetails({ user }: UserProfileDetailsProps) {
     return user.username[0].toUpperCase();
   };
 
+  // Determine if the user is active based on the status field
+  const isActive = user.status === "Active";
+
   return (
     <div className="flex flex-col items-center space-y-4">
       <Avatar className="h-32 w-32">
@@ -54,8 +57,8 @@ export function UserProfileDetails({ user }: UserProfileDetailsProps) {
               {user.role}
             </Badge>
           )}
-          <Badge variant={user.isActive ? "default" : "outline"} className="px-2 py-1">
-            {user.isActive ? "Active" : "Inactive"}
+          <Badge variant={isActive ? "default" : "outline"} className="px-2 py-1">
+            {user.status || (isActive ? "Active" : "Inactive")}
           </Badge>
           {user.verified && (
             <Badge className="bg-green-600 hover:bg-green-700 px-2 py-1">
@@ -72,4 +75,4 @@ export function UserProfileDetails({ user }: UserProfileDetailsProps) {
       </div>
     </div>
   );
-}
+}
\ No newline at end of file