From 97e662215a5c6580eec2e588d250025fb05e620b Mon Sep 17 00:00:00 2001
From: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com>
Date: Tue, 14 Oct 2025 17:35:39 +0530
Subject: [PATCH] [WEB-5125] fix: suspended user view #7964

---
 .../workspace/settings/member-columns.tsx     | 33 +++++++------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/apps/web/core/components/workspace/settings/member-columns.tsx b/apps/web/core/components/workspace/settings/member-columns.tsx
index 3973fa55a..bdcb3d3a0 100644
--- a/apps/web/core/components/workspace/settings/member-columns.tsx
+++ b/apps/web/core/components/workspace/settings/member-columns.tsx
@@ -49,33 +49,24 @@ export const NameColumn: React.FC<NameProps> = (props) => {
         <div className="relative group">
           <div className="flex items-center gap-x-4 gap-y-2 w-72 justify-between">
             <div className="flex items-center gap-x-2 gap-y-2 flex-1">
-              {avatar_url && avatar_url.trim() !== "" ? (
+              {isSuspended ? (
+                <div className="bg-custom-background-80 rounded-full p-0.5">
+                  <SuspendedUserIcon className="h-4 w-4 text-custom-text-400" />
+                </div>
+              ) : avatar_url && avatar_url.trim() !== "" ? (
                 <Link href={`/${workspaceSlug}/profile/${id}`}>
                   <span className="relative flex h-6 w-6 items-center justify-center rounded-full capitalize text-white">
-                    {isSuspended ? (
-                      <SuspendedUserIcon className="h-4 w-4 text-custom-text-400" />
-                    ) : (
-                      <img
-                        src={getFileURL(avatar_url)}
-                        className="absolute left-0 top-0 h-full w-full rounded-full object-cover"
-                        alt={display_name || email}
-                      />
-                    )}
+                    <img
+                      src={getFileURL(avatar_url)}
+                      className="absolute left-0 top-0 h-full w-full rounded-full object-cover"
+                      alt={display_name || email}
+                    />
                   </span>
                 </Link>
               ) : (
                 <Link href={`/${workspaceSlug}/profile/${id}`}>
-                  <span
-                    className={cn(
-                      "relative flex h-4 w-4 text-xs items-center justify-center rounded-full  capitalize text-white",
-                      isSuspended ? "bg-custom-background-80" : "bg-gray-700"
-                    )}
-                  >
-                    {isSuspended ? (
-                      <SuspendedUserIcon className="h-4 w-4 text-custom-text-400" />
-                    ) : (
-                      (email ?? display_name ?? "?")[0]
-                    )}
+                  <span className="relative flex h-4 w-4 text-xs items-center justify-center rounded-full  capitalize text-white bg-gray-700">
+                    {(email ?? display_name ?? "?")[0]}
                   </span>
                 </Link>
               )}