feat: connect to bff

src/containers/RelatedProgramsModal/components/ProgramCard.jsx

@@ -21,10 +21,6 @@ export const ProgramCard = ({ data }) => {
     messages.courses,
     { numCourses: data.numberOfCourses },
   );
-  const durationMessage = formatMessage(
-    messages.duration,
-    { numWeeks: data.estimatedNumberOfWeeks },
-  );
   return (
     <Card
       className="program-card d-inline-block bg-primary-500 text-white pb-3.5"
@@ -46,7 +42,7 @@ export const ProgramCard = ({ data }) => {
           <Icon src={Program} className="d-inline-block" /> {data.programType}
         </Badge>
         <div className="program-summary mt-2">
-          {numCoursesMessage} • {durationMessage}
+          {numCoursesMessage}
         </div>
       </div>
     </Card>
@@ -55,7 +51,6 @@ export const ProgramCard = ({ data }) => {
 ProgramCard.propTypes = {
   data: PropTypes.shape({
     bannerUrl: PropTypes.string,
-    estimatedNumberOfWeeks: PropTypes.number,
     logoUrl: PropTypes.string,
     numberOfCourses: PropTypes.number,
     programType: PropTypes.string,

src/containers/RelatedProgramsModal/components/ProgramCard.test.jsx

@@ -5,7 +5,6 @@ import ProgramCard from './ProgramCard';
 
 const props = {
   data: {
-    estimatedNumberOfWeeks: 1,
     numberOfCourses: 2,
     bannerUrl: 'props.data.bannerUrl',
     logoUrl: 'props.data.logoUrl',

src/containers/RelatedProgramsModal/components/__snapshots__/ProgramCard.test.jsx.snap

@@ -50,8 +50,6 @@ exports[`RelatedProgramsModal ProgramCard snapshot 1`] = `
       className="program-summary mt-2"
     >
       2 Courses
-       • 
-      1 Weeks
     </div>
   </div>
 </Card>

src/data/redux/app/selectors.js

@@ -110,7 +110,6 @@ export const courseCard = StrictDict({
   relatedPrograms: mkCardSelector(({ relatedPrograms }) => ({
     list: relatedPrograms.map(program => ({
       bannerUrl: program.bannerUrl,
-      estimatedNumberOfWeeks: program.estimatedNumberOfWeeks,
       logoUrl: program.logoUrl,
       numberOfCourses: program.numberOfCourses,
       programType: program.programType,

src/data/services/lms/api.js

@@ -1,3 +1,6 @@
+import { getConfig } from '@edx/frontend-platform';
+import { get } from './utils';
+
 import fakeData from 'data/services/lms/fakeData/courses';
 /*
 import { StrictDict } from 'utils';
@@ -15,12 +18,18 @@ import {
 /*********************************************************************************
  * GET Actions
  *********************************************************************************/
-const initializeList = () => Promise.resolve({
-  courses: [
-    ...fakeData.courseRunData,
-    ...fakeData.entitlementData,
-  ],
-  ...fakeData.globalData,
-});
+const initializeList = () => {
+  const url = `${getConfig().LMS_BASE_URL}/learner/mock/home`;
+  console.log({ url });
+  get(url).then(console.log);
+
+  return Promise.resolve({
+    courses: [
+      ...fakeData.courseRunData,
+      ...fakeData.entitlementData,
+    ],
+    ...fakeData.globalData,
+  });
+};
 
 export default { initializeList };

src/data/services/lms/fakeData/courses.js

@@ -22,7 +22,6 @@ export const relatedPrograms = [
     programUrl: 'www.edx/my-program',
     programType: 'MicroBachelors Program',
     numberOfCourses: 3,
-    estimatedNumberOfWeeks: 4,
   },
   {
     provider: 'University  of Maryland',
@@ -33,7 +32,6 @@ export const relatedPrograms = [
     programType: 'MicroBachelors Program',
     programTypeUrl: 'www.edx/my-program-type',
     numberOfCourses: 3,
-    estimatedNumberOfWeeks: 4,
   },
 ];