From d5d67c82b20f1bb8cb7cd41d344531d4d23a3d59 Mon Sep 17 00:00:00 2001
From: x032205 <x032205@gmail.com>
Date: Fri, 8 Aug 2025 13:38:15 -0400
Subject: [PATCH] Make button always show and swap to "Join as Admin"

---
 .../components/AllProjectView.tsx             | 66 +++++++++----------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/frontend/src/pages/organization/ProjectsPage/components/AllProjectView.tsx b/frontend/src/pages/organization/ProjectsPage/components/AllProjectView.tsx
index d4b44902f..6b1edaf1f 100644
--- a/frontend/src/pages/organization/ProjectsPage/components/AllProjectView.tsx
+++ b/frontend/src/pages/organization/ProjectsPage/components/AllProjectView.tsx
@@ -351,40 +351,38 @@ export const AllProjectView = ({
                   <span>Joined</span>
                 </Badge>
               ) : (
-                <div className="opacity-0 transition-all group-hover:opacity-100">
-                  <OrgPermissionCan
-                    I={OrgPermissionAdminConsoleAction.AccessAllProjects}
-                    an={OrgPermissionSubjects.AdminConsole}
-                  >
-                    {(isAllowed) =>
-                      isAllowed ? (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          onClick={(e) => {
-                            e.stopPropagation();
-                            e.preventDefault();
-                            handleAccessProject(workspace.type, workspace.id);
-                          }}
-                          disabled={
-                            orgAdminAccessProject.variables?.projectId === workspace.id &&
-                            orgAdminAccessProject.isPending
-                          }
-                        >
-                          Admin Access
-                        </Button>
-                      ) : (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          onClick={() => handlePopUpOpen("requestAccessConfirmation", workspace)}
-                        >
-                          Request Access
-                        </Button>
-                      )
-                    }
-                  </OrgPermissionCan>
-                </div>
+                <OrgPermissionCan
+                  I={OrgPermissionAdminConsoleAction.AccessAllProjects}
+                  an={OrgPermissionSubjects.AdminConsole}
+                >
+                  {(isAllowed) =>
+                    isAllowed ? (
+                      <Button
+                        size="xs"
+                        variant="outline_bg"
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          e.preventDefault();
+                          handleAccessProject(workspace.type, workspace.id);
+                        }}
+                        disabled={
+                          orgAdminAccessProject.variables?.projectId === workspace.id &&
+                          orgAdminAccessProject.isPending
+                        }
+                      >
+                        Join as Admin
+                      </Button>
+                    ) : (
+                      <Button
+                        size="xs"
+                        variant="outline_bg"
+                        onClick={() => handlePopUpOpen("requestAccessConfirmation", workspace)}
+                      >
+                        Request Access
+                      </Button>
+                    )
+                  }
+                </OrgPermissionCan>
               )}
             </div>
           ))}