fetch-profiles.js

const fetchProfiles = async () => {
  const managedIdentities = await IdentityAgentManager.listIdentities();
  const promises = await Promise.all(managedIdentities.map(async identity => {
    const agent = IdentityAgentManager.getAgent();
    const web5 = new Web5({ agent, connectedDid: identity.did });
    
    const queryResult = await web5.dwn.records.query({
      message: {
        filter: {
          schema: profileProtocol.types.displayName.schema,
        }
      }
    })
    
    const recordId = queryResult.records?.at(0)?.id;
    if (!recordId) {
      return undefined;
    }
    const readResult = await web5.dwn.records.read({
      message: {
        recordId: recordId,
      }
    });
    if (readResult) {
      return {
        identity,
        displayName: await readResult?.record.data.text(),
      };
    }
    else {
      return undefined;
    }
  }));
  promises.filter(profile => profile !== undefined) as WipProfile[];
  setProfiles(profiles);
};