fix: only fetch user's preferred enterprise metadata

package.json

@@ -75,5 +75,8 @@
   "peerDependencies": {
     "react": "^16.13.1",
     "@edx/frontend-platform": "^1.5.2"
+  },
+  "dependencies": {
+    "query-string": "^6.13.2"
   }
 }

src/hooks.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
+
 import getLearnerPortalLinks from './learnerPortalLinks';
-import { getSelectedEnterpriseUUID } from './utils';
 
 export default function useEnterpriseConfig(authenticatedUser, learnerPortalHostname, lmsBaseUrl) {
   const [enterpriseLearnerPortalLink, setEnterpriseLearnerPortalLink] = useState();
@@ -16,9 +16,7 @@ export default function useEnterpriseConfig(authenticatedUser, learnerPortalHost
         learnerPortalHostname,
         lmsBaseUrl,
       ).then((learnerPortalLinks) => {
-        const preferredUUID = getSelectedEnterpriseUUID(authenticatedUser);
-        const preferredLearnerPortalLink = learnerPortalLinks.find(learnerPortalLink =>
-          learnerPortalLink.uuid === preferredUUID);
+        const preferredLearnerPortalLink = learnerPortalLinks.pop();
         if (preferredLearnerPortalLink) {
           const config = {
             logoAltText: preferredLearnerPortalLink.title,

src/learnerPortalLinks.js

@@ -1,5 +1,5 @@
 import { fetchEnterpriseCustomers } from './service';
-import { isEnterpriseUser } from './utils';
+import { isEnterpriseUser, getSelectedEnterpriseUUID } from './utils';
 
 function getCacheKey(userId) {
   return `learnerPortalLinks:${userId}`;
@@ -19,14 +19,15 @@ function cacheLinks(userId, links) {
 async function fetchLearnerPortalLinks(
   apiClient,
   userId,
+  preferredEnterpriseUUID,
   learnerPortalHostname = process.env.ENTERPRISE_LEARNER_PORTAL_HOSTNAME,
   lmsBaseUrl = process.env.LMS_BASE_URL,
 ) {
   const learnerPortalLinks = [];
   if (!learnerPortalHostname) {
     return learnerPortalLinks;
   }
-  const response = await fetchEnterpriseCustomers(apiClient, lmsBaseUrl);
+  const response = await fetchEnterpriseCustomers(apiClient, lmsBaseUrl, preferredEnterpriseUUID);
   const enterpriseCustomers = response.data.results;
   try {
     for (let i = 0; i < enterpriseCustomers.length; i += 1) {
@@ -88,12 +89,14 @@ export default async function getLearnerPortalLinks(
     const { userId } = authenticatedUser;
     const cachedLinks = getCachedLearnerPortalLinks(userId);
 
-    if (cachedLinks != null) {
+    if (cachedLinks) {
       learnerPortalLinks = learnerPortalLinks.concat(cachedLinks);
     } else {
+      const preferredEnterpriseUUID = getSelectedEnterpriseUUID(authenticatedUser);
       const links = await fetchLearnerPortalLinks(
         apiClient,
         userId,
+        preferredEnterpriseUUID,
         learnerPortalHostname,
         lmsBaseUrl,
       );

src/service.js

@@ -1,4 +1,19 @@
-const fetchEnterpriseCustomers = (apiClient, lmsBaseUrl = process.env.LMS_BASE_URL) => apiClient.get(`${lmsBaseUrl}/enterprise/api/v1/enterprise-customer/`);
+import qs from 'querystring';
+
+const fetchEnterpriseCustomers = (
+  apiClient,
+  lmsBaseUrl = process.env.LMS_BASE_URL,
+  preferredEnterpriseUUID = null,
+) => {
+  let url = `${lmsBaseUrl}/enterprise/api/v1/enterprise-customer/`;
+  if (preferredEnterpriseUUID !== null) {
+    const queryParams = qs.stringify({
+      uuid: preferredEnterpriseUUID,
+    });
+    url += `?${queryParams}`;
+  }
+  return apiClient.get(url);
+};
 
 // eslint-disable-next-line import/prefer-default-export
 export { fetchEnterpriseCustomers };