change person photo url

src/services/PeopleSearchService.ts

@@ -13,23 +13,25 @@ import { cloneDeep, findIndex } from "@microsoft/sp-lodash-subset";
 export default class SPPeopleSearchService {
   private cachedPersonas: { [property: string]: IUserInfo[] };
   private cachedLocalUsers: { [siteUrl: string]: IUserInfo[] };
+  private absoluteWebUrl: string;
 
   /**
    * Service constructor
    */
   constructor(private context: WebPartContext | ExtensionContext) {
     this.cachedPersonas = {};
     this.cachedLocalUsers = {};
-    this.cachedLocalUsers[this.context.pageContext.web.absoluteUrl] = [];
+    this.absoluteWebUrl = this.context.pageContext.web.absoluteUrl;
+    this.cachedLocalUsers[this.absoluteWebUrl] = [];
   }
 
   /**
-   * Generate the user photo link
+   * Generate the user photo link using SharePoint user photo endpoint.
    *
    * @param value
    */
   public generateUserPhotoLink(value: string): string {
-    return `https://outlook.office365.com/owa/service.svc/s/GetPersonaPhoto?email=${value}&UA=0&size=HR96x96`;
+    return `${this.absoluteWebUrl}/_layouts/15/userphoto.aspx?accountname=${encodeURIComponent(value)}&size=M`;
   }
 
   /**
@@ -42,7 +44,7 @@ export default class SPPeopleSearchService {
    * @param principalTypes 
    */
   public getSumOfPrincipalTypes(principalTypes: PrincipalType[]) {
-    return  !!principalTypes && principalTypes.length > 0 ? principalTypes.reduce((a, b) => a + b, 0) : 1;
+    return !!principalTypes && principalTypes.length > 0 ? principalTypes.reduce((a, b) => a + b, 0) : 1;
   }
 
   /**
@@ -228,7 +230,7 @@ export default class SPPeopleSearchService {
           const userResults = values.map(element => {
             switch (element.EntityType) {
               case 'User':
-                let email : string = element.EntityData.Email !== null ? element.EntityData.Email : element.Description;
+                let email: string = element.EntityData.Email !== null ? element.EntityData.Email : element.Description;
                 return {
                   id: element.Key,
                   imageUrl: this.generateUserPhotoLink(email),
@@ -336,7 +338,7 @@ export default class SPPeopleSearchService {
    */
   private searchPeopleFromMock(query: string): Promise<Array<IPeoplePickerUserItem>> {
     let mockClient: PeoplePickerMockClient = new PeoplePickerMockClient();
-    let filterValue = { valToCompare: query  };
+    let filterValue = { valToCompare: query };
     return new Promise<Array<IPeoplePickerUserItem>>((resolve) => resolve(MockUsers.filter(mockClient.filterPeople, filterValue)));
   }
 }