import { useEntities, useEntity } from 'soapbox/entity-store/hooks'; import { groupSchema, Group } from 'soapbox/schemas/group'; import { groupRelationshipSchema, GroupRelationship } from 'soapbox/schemas/group-relationship'; function useGroups() { const { entities, ...result } = useEntities(['Group', ''], '/api/v1/groups', { parser: parseGroup }); const { relationships } = useGroupRelationships(entities.map(entity => entity.id)); const groups = entities.map((group) => ({ ...group, relationship: relationships[group.id] || null })); return { ...result, groups, }; } function useGroup(groupId: string, refetch = true) { const { entity: group, ...result } = useEntity(['Group', groupId], `/api/v1/groups/${groupId}`, { parser: parseGroup, refetch }); const { entity: relationship } = useGroupRelationship(groupId); return { ...result, group: group ? { ...group, relationship: relationship || null } : undefined, }; } function useGroupRelationship(groupId: string) { return useEntity(['GroupRelationship', groupId], `/api/v1/groups/relationships?id[]=${groupId}`, { parser: parseGroupRelationship }); } function useGroupRelationships(groupIds: string[]) { const q = groupIds.map(id => `id[]=${id}`).join('&'); const endpoint = groupIds.length ? `/api/v1/groups/relationships?${q}` : undefined; const { entities, ...result } = useEntities(['GroupRelationship', q], endpoint, { parser: parseGroupRelationship }); const relationships = entities.reduce>((map, relationship) => { map[relationship.id] = relationship; return map; }, {}); return { ...result, relationships, }; } const parseGroup = (entity: unknown) => { const result = groupSchema.safeParse(entity); if (result.success) { return result.data; } }; const parseGroupRelationship = (entity: unknown) => { const result = groupRelationshipSchema.safeParse(entity); if (result.success) { return result.data; } }; export { useGroup, useGroups };