TT-6984 Enhance OrgHead component to include personal team logic (#163)

* TT-6984 Enhance OrgHead component to include personal team logic

This update introduces a new check to determine if the current organization is a personal team. Key changes include:

- Added `personalTeam` to the context state and a new `isPersonalTeam` memoized value to identify personal teams.
- Updated the rendering logic to conditionally display the members button based on whether the organization is a personal team.

These enhancements improve the user experience by ensuring that the interface accurately reflects the user`s organizational context.

* rename isPersonal and add test

---------

Co-authored-by: Greg Trihus <[email protected]>

Author: gtryus

src/renderer/src/components/App/OrgHead.cy.tsx

@@ -242,7 +242,8 @@ describe('OrgHead', () => {
     initialEntries: string[] = ['/team'],
     orgId?: string,
     orgData?: OrganizationD,
-    isAdmin: boolean = false
+    isAdmin: boolean = false,
+    personalTeam?: string
   ) => {
     // Set organization ID in localStorage if provided
     if (orgId) {
@@ -297,7 +298,7 @@ describe('OrgHead', () => {
         planTypes: [],
         isDeleting: false,
         teams: [],
-        personalTeam: '',
+        personalTeam: personalTeam ?? '',
         personalProjects: [],
         teamProjects: () => [],
         teamMembers: () => 0,
@@ -596,4 +597,40 @@ describe('OrgHead', () => {
         expect(displayedText).to.equal('Test Organization');
       });
   });
+
+  it('should not show members button for personal projects', () => {
+    const orgId = 'test-org-id';
+    const orgName = 'Personal Project';
+    const orgData = createMockOrganization(orgId, orgName);
+
+    // Set personalTeam to match orgId to make it a personal project
+    mountOrgHead(createInitialState(), ['/team'], orgId, orgData, false, orgId);
+
+    // Members button should not be shown for personal projects
+    // Even though orgRec exists and we're on team screen, isPersonal should prevent the button
+    cy.contains(orgName).should('be.visible');
+    cy.get('button').should('not.exist');
+  });
+
+  it('should show members button for non-personal projects', () => {
+    const orgId = 'test-org-id';
+    const orgName = 'Team Organization';
+    const orgData = createMockOrganization(orgId, orgName);
+    const differentPersonalTeam = 'different-personal-team-id';
+
+    // Set personalTeam to a different ID so this is NOT a personal project
+    mountOrgHead(
+      createInitialState(),
+      ['/team'],
+      orgId,
+      orgData,
+      false,
+      differentPersonalTeam
+    );
+
+    // Members button should be shown for non-personal projects
+    cy.contains(orgName).should('be.visible');
+    cy.get('button').should('have.length', 1);
+    cy.get('button svg').should('have.length', 1);
+  });
 });

src/renderer/src/components/App/OrgHead.tsx

@@ -39,13 +39,18 @@ export const OrgHead = () => {
   const isSwitchTeamsScreen = pathname.includes('/switch-teams');
   const { userIsOrgAdmin, setMyOrgRole } = useRole();
   const ctx = useContext(TeamContext);
-  const { teamDelete } = ctx?.state ?? {};
+  const { teamDelete, personalTeam } = ctx?.state ?? {};
 
   const orgId = useMemo(
     () => localStorage.getItem(localUserKey(LocalKey.team)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [user]
   );
+
+  const isPersonal = useMemo(() => {
+    return personalTeam === orgId;
+  }, [personalTeam, orgId]);
+
   const orgRec = useMemo(() => {
     if (!orgId) return undefined;
     return organizations.find((o) => o.id === orgId);
@@ -121,7 +126,7 @@ export const OrgHead = () => {
               <SettingsIcon />
             </IconButton>
           )}
-          {orgRec && (
+          {orgRec && !isPersonal && (
             <IconButton onClick={handleMembers(orgRec)}>
               <UsersIcon />
             </IconButton>