Fix: Hide 'Leave Project' button for project owners

Author: haydnli-shopify

frontend/src/locale/en.json

@@ -174,7 +174,6 @@
     "settings": "Settings",
     "join": "Join Project",
     "leave": "Leave Project",
-    "owner_cannot_leave": "Owner Cannot Leave",
     "join_success": "Successfully joined the project",
     "leave_success": "Successfully left the project",
     "join_error": "Failed to join project",

frontend/src/pages/Project/Details/index.tsx

@@ -48,21 +48,23 @@ export const ProjectDetails: React.FC = () => {
             // Prevent owners and admins from leaving their projects
             const canLeave = !isProjectOwner && currentUserRole !== 'admin';
 
-            return (
-                <Button
-                    onClick={() => handleLeaveProject(project.project_name, userData.username!, () => navigate(ROUTES.PROJECT.LIST))}
-                    disabled={isMemberActionLoading || !canLeave}
-                    variant="normal"
-                >
-                    {!canLeave 
-                        ? t('projects.owner_cannot_leave')
-                        : isMemberActionLoading 
-                            ? t('common.loading') 
-                            : t('projects.leave')
-                    }
-                </Button>
-            );
+            if (canLeave) {
+                return (
+                    <Button
+                        onClick={() => handleLeaveProject(project.project_name, userData.username!, () => navigate(ROUTES.PROJECT.LIST))}
+                        disabled={isMemberActionLoading}
+                        variant="normal"
+                    >
+                        {isMemberActionLoading 
+                                ? t('common.loading') 
+                                : t('projects.leave')
+                        }
+                    </Button>
+                );
+            }
         }
+
+        return null;
     };
 
     return (

frontend/src/pages/Project/Members/index.tsx

@@ -141,21 +141,21 @@ export const ProjectMembers: React.FC<IProps> = ({ members, loading, onChange, r
                 // Prevent owners and admins from leaving their projects
                 const canLeave = !isProjectOwner && currentUserRole !== 'admin';
 
-                actions.unshift(
-                    <Button
-                        key="leave"
-                        onClick={() => handleLeaveProject(project.project_name, userData.username!, () => navigate(ROUTES.PROJECT.LIST))}
-                        disabled={isMemberActionLoading || !canLeave}
-                        variant="normal"
-                    >
-                        {!canLeave 
-                            ? t('projects.owner_cannot_leave')
-                            : isMemberActionLoading 
+                if (canLeave) {
+                    actions.unshift(
+                        <Button
+                            key="leave"
+                            onClick={() => handleLeaveProject(project.project_name, userData.username!, () => navigate(ROUTES.PROJECT.LIST))}
+                            disabled={isMemberActionLoading}
+                            variant="normal"
+                        >
+                            {isMemberActionLoading 
                                 ? t('common.loading') 
                                 : t('projects.leave')
-                        }
-                    </Button>
-                );
+                            }
+                        </Button>
+                    );
+                }
             }
         }