TT-6953 team name update

This PR refactors the OrgHead component to use the modern useOrbitData hook pattern instead of directly querying memory with findRecord.
This change aligns the component with the codebases preferred data fetching approach, which provides automatic reactivity to data changes
through Orbit.js liveQuery mechanism.

Key Changes
- Replaced direct memory queries with the reactive useOrbitData hook for fetching organizations
- Updated the organization lookup from findRecord to JavaScripts Array.find() method
- Enhanced test mocks to support both findRecord and findRecords query patterns

Author: Greg Trihus

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

@@ -16,40 +16,52 @@ import { TeamContext } from '../../context/TeamContext';
 import { TokenContext } from '../../context/TokenProvider';
 import { OrganizationD } from '@model/organization';
 
-// Create a mock liveQuery object with subscribe and query methods
-const createMockLiveQuery = () => ({
-  subscribe: () => () => {}, // Returns unsubscribe function
-  query: () => [],
-});
-
 // Mock memory with query function that can return organization data
 // The findRecord function uses: memory.cache.query((q) => q.findRecord({ type, id }))
 // The findRecords function uses: memory.cache.query((q) => q.findRecords(type))
 const createMockMemory = (orgData?: OrganizationD): Memory => {
+  // Store organizations in an array for findRecords queries
+  const organizations = orgData ? [orgData] : [];
+
+  // Create a mock query builder with both findRecord and findRecords
+  const createMockQueryBuilder = () => ({
+    findRecord: ({ type, id }: { type: string; id: string }) => {
+      // Return the organization data if it matches
+      if (type === 'organization' && id === orgData?.id && orgData) {
+        return orgData;
+      }
+      // Return undefined for other record types (user, role, etc.)
+      return undefined;
+    },
+    findRecords: (type: string) => {
+      // Return organizations array when querying for 'organization' type
+      // This is used by useOrbitData('organization')
+      if (type === 'organization') {
+        return organizations;
+      }
+      // Return empty array for other types (roles, organizationmembership, etc.)
+      // This is used by useRole for roles, organizationmembership, etc.
+      return [];
+    },
+  });
+
   return {
     cache: {
       query: (queryFn: (q: any) => any) => {
-        // Create a mock query builder with both findRecord and findRecords
-        const mockQueryBuilder = {
-          findRecord: ({ type, id }: { type: string; id: string }) => {
-            // Return the organization data if it matches
-            if (type === 'organization' && id === orgData?.id && orgData) {
-              return orgData;
-            }
-            // Return undefined for other record types (user, role, etc.)
-            return undefined;
-          },
-          // eslint-disable-next-line @typescript-eslint/no-unused-vars
-          findRecords: (_type: string) => {
-            // Return empty array for all findRecords queries
-            // This is used by useRole for roles, organizationmembership, etc.
-            return [];
+        // Execute the query function with our mock builder
+        return queryFn(createMockQueryBuilder());
+      },
+      liveQuery: (queryFn: (q: any) => any) => {
+        // liveQuery captures the query function and returns an object with subscribe and query methods
+        // When query() is called, it executes the captured query function
+        return {
+          subscribe: () => () => {}, // Returns unsubscribe function
+          query: () => {
+            // Execute the query function that was passed to liveQuery
+            return queryFn(createMockQueryBuilder());
           },
         };
-        // Execute the query function with our mock builder
-        return queryFn(mockQueryBuilder);
       },
-      liveQuery: createMockLiveQuery,
     },
     update: () => {},
   } as unknown as Memory;

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

@@ -10,7 +10,6 @@ import {
 } from '@mui/material';
 import SettingsIcon from '@mui/icons-material/Settings';
 import UsersIcon from '@mui/icons-material/People';
-import { findRecord } from '../../crud/tryFindRecord';
 import { API_CONFIG } from '../../../api-variable';
 import { OrganizationD } from '@model/organization';
 import TeamDialog, { ITeamDialog } from '../Team/TeamDialog';
@@ -24,10 +23,11 @@ import BigDialog from '../../hoc/BigDialog';
 import { BigDialogBp } from '../../hoc/BigDialogBp';
 import GroupTabs from '../GroupTabs';
 import { useRole } from '../../crud/useRole';
+import { useOrbitData } from '../../hoc/useOrbitData';
 
 export const OrgHead = () => {
   const [user] = useGlobal('user');
-  const [memory] = useGlobal('memory');
+  const organizations = useOrbitData<OrganizationD[]>('organization');
   const [editOpen, setEditOpen] = useState(false);
   const [deleteItem, setDeleteItem] = useState<RecordIdentity>();
   const [openMember, setOpenMember] = useState(false);
@@ -47,9 +47,9 @@ export const OrgHead = () => {
   );
   const orgRec = useMemo(() => {
     if (!orgId) return undefined;
-    return findRecord(memory, 'organization', orgId) as OrganizationD;
+    return organizations.find((o) => o.id === orgId);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [orgId]);
+  }, [orgId, organizations]);
 
   const handleSettings = () => {
     setEditOpen(true);