feature: Update teams-channel-picker to fluent UI designs

packages/mgt-components/src/components/mgt-teams-channel-picker/mgt-teams-channel-picker.graph.ts

@@ -5,8 +5,15 @@
  * -------------------------------------------------------------------------------------------
  */
 
-import { IGraph, prepScopes } from '@microsoft/mgt-element';
+import { IGraph, BetaGraph, CacheItem, CacheService, CacheStore } from '@microsoft/mgt-element';
 import { Team } from '@microsoft/microsoft-graph-types';
+import {
+  getPhotoForResource,
+  CachePhoto,
+  getPhotoInvalidationTime,
+  getIsPhotosCacheEnabled
+} from '../../graph/graph.photos';
+import { schemas } from '../../graph/cacheStores';
 
 /**
  * async promise, returns all Teams associated with the user logged in
@@ -15,11 +22,46 @@ import { Team } from '@microsoft/microsoft-graph-types';
  * @memberof Graph
  */
 export async function getAllMyTeams(graph: IGraph): Promise<Team[]> {
-  const scopes = 'team.readbasic.all';
-  const teams = await graph
-    .api('/me/joinedTeams')
-    .select(['displayName', 'id', 'isArchived'])
-    .middlewareOptions(prepScopes(scopes))
-    .get();
+  const teams = await graph.api('/me/joinedTeams').select(['displayName', 'id', 'isArchived']).get();
   return teams ? teams.value : null;
 }
+
+/** An object collection of cached photos. */
+type CachePhotos = {
+  [key: string]: CachePhoto;
+};
+
+export async function getTeamsPhotosforPhotoIds(graph: BetaGraph, teamIds: string[]): Promise<CachePhotos> {
+  let cache: CacheStore<CachePhoto>;
+  let photos: CachePhotos = {};
+
+  if (getIsPhotosCacheEnabled()) {
+    cache = CacheService.getCache<CachePhoto>(schemas.photos, schemas.photos.stores.teams);
+    for (const id of teamIds) {
+      try {
+        const photoDetail = await cache.getValue(id);
+        if (photoDetail && getPhotoInvalidationTime() > Date.now() - photoDetail.timeCached) {
+          photos[id] = photoDetail;
+        }
+      } catch (_) {}
+    }
+    if (Object.keys(photos).length) {
+      return photos;
+    }
+  }
+
+  let scopes = ['team.readbasic.all'];
+  photos = {};
+
+  for (const id of teamIds) {
+    try {
+      const photoDetail = await getPhotoForResource(graph, `/teams/${id}`, scopes);
+      if (getIsPhotosCacheEnabled() && photoDetail) {
+        cache.putValue(id, photoDetail);
+      }
+      photos[id] = photoDetail;
+    } catch (_) {}
+  }
+
+  return photos;
+}