diff --git a/apps/desktop/src/renderer/routes/_authenticated/settings/members/components/MembersSettings/MembersSettings.tsx b/apps/desktop/src/renderer/routes/_authenticated/settings/members/components/MembersSettings/MembersSettings.tsx index 6ca259afc2b..4ed3785f9c0 100644 --- a/apps/desktop/src/renderer/routes/_authenticated/settings/members/components/MembersSettings/MembersSettings.tsx +++ b/apps/desktop/src/renderer/routes/_authenticated/settings/members/components/MembersSettings/MembersSettings.tsx @@ -35,7 +35,6 @@ export function MembersSettings({ visibleItems }: MembersSettingsProps) { const { data: session } = authClient.useSession(); const collections = useCollections(); const activeOrganizationId = session?.session?.activeOrganizationId; - const { data: activeOrg } = authClient.useActiveOrganization(); const showMembersList = isItemVisible( SETTING_ITEM_ID.MEMBERS_LIST, @@ -59,6 +58,16 @@ export function MembersSettings({ visibleItems }: MembersSettingsProps) { [collections, activeOrganizationId], ); + // Get organization name from collections + const { data: orgData } = useLiveQuery( + (q) => + q + .from({ organizations: collections.organizations }) + .select(({ organizations }) => ({ ...organizations })), + [collections], + ); + const organization = orgData?.find((org) => org.id === activeOrganizationId); + // Sort by role priority (owner > admin > member), then by join date // Cast roles to OrganizationRole since database stores them as strings const members: TeamMember[] = (membersData ?? []) @@ -75,10 +84,9 @@ export function MembersSettings({ visibleItems }: MembersSettingsProps) { const ownerCount = members.filter((m) => m.role === "owner").length; const currentUserId = session?.user?.id; - const currentMember = activeOrg?.members?.find( - (m) => m.userId === currentUserId, - ); - const currentUserRole = currentMember?.role as OrganizationRole; + // Find current user's role from the members data we already fetched + const currentMember = members.find((m) => m.userId === currentUserId); + const currentUserRole = currentMember?.role; const formatDate = (date: Date | string) => { const d = date instanceof Date ? date : new Date(date); @@ -101,13 +109,13 @@ export function MembersSettings({ visibleItems }: MembersSettingsProps) {