({
EntitlementBanner: () => 'EntitlementBanner',
}));
jest.mock('./components/CourseCardActions', () => 'CourseCardActions');
+jest.mock('./components/CourseCardDetails', () => 'CourseCardDetails');
const dataProps = {
title: 'hooks.title',
bannerUrl: 'hooks.bannerUrl',
- providerName: 'hooks.providerName',
- accessMessagE: 'hooks.accessMessage',
formatMessage: jest.fn(msg => ({ formatted: msg })),
};
diff --git a/src/containers/CourseCard/messages.js b/src/containers/CourseCard/messages.js
index 4c60a24..d5f0c53 100644
--- a/src/containers/CourseCard/messages.js
+++ b/src/containers/CourseCard/messages.js
@@ -1,36 +1,11 @@
import { StrictDict } from 'utils';
export const messages = StrictDict({
- accessExpired: {
- id: 'learner-dash.courseCard.accessExpired',
- description: 'Course access expiration date message on course card for expired access.',
- defaultMessage: 'Access expired {accessExpirationDate}',
- },
- accessExpires: {
- id: 'learner-dash.courseCard.accessExpires',
- description: 'Course access expiration date message on course card.',
- defaultMessage: 'Access expires {accessExpirationDate}',
- },
- courseEnded: {
- id: 'learner-dash.courseCard.courseEnded',
- description: 'Course ended message on course card.',
- defaultMessage: 'Course ended {endDate}',
- },
- courseEnds: {
- id: 'learner-dash.courseCard.courseEnds',
- description: 'Course ending message on course card.',
- defaultMessage: 'Course ends {endDate}',
- },
bannerAlt: {
id: 'learner-dash.courseCard.bannerAlt',
description: 'Course card banner alt-text',
defaultMessage: 'Course thumbnail',
},
- unknownProviderName: {
- id: 'learner-dash.courseCard.unknownProviderName',
- description: 'Provider name display when name is unknown',
- defaultMessage: 'Unknown',
- },
});
export default messages;
diff --git a/src/containers/CourseList/index.jsx b/src/containers/CourseList/index.jsx
index b427308..1215ea1 100644
--- a/src/containers/CourseList/index.jsx
+++ b/src/containers/CourseList/index.jsx
@@ -2,12 +2,14 @@ import React from 'react';
import PropTypes from 'prop-types';
import CourseCard from 'containers/CourseCard';
+import SelectSession from 'containers/SelectSession';
export const CourseList = ({ courseListData }) => (
{courseListData.map((courseNumber) => (
))}
+
);
diff --git a/src/containers/SelectSession/SelectSessionModal.jsx b/src/containers/SelectSession/SelectSessionModal.jsx
new file mode 100644
index 0000000..72ba23d
--- /dev/null
+++ b/src/containers/SelectSession/SelectSessionModal.jsx
@@ -0,0 +1,82 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { useIntl } from '@edx/frontend-platform/i18n';
+import {
+ ActionRow, Button, Form, ModalDialog,
+} from '@edx/paragon';
+
+import { nullMethod } from 'hooks';
+import { dateFormatter } from 'utils';
+
+import useSelectSession from './hooks';
+import messages from './messages';
+
+export const SelectSessionModal = ({ courseNumber }) => {
+ const {
+ entitlementSessions,
+ showSessionModal,
+ closeSessionModal,
+ showLeaveSessionInSessionModal,
+ courseTitle,
+ } = useSelectSession({
+ courseNumber,
+ });
+
+ const { formatMessage, formatDate } = useIntl();
+
+ let header;
+ let hint;
+ if (showLeaveSessionInSessionModal) {
+ header = formatMessage(messages.changeOrLeaveHeader);
+ hint = formatMessage(messages.changeOrLeaveHint);
+ } else {
+ header = formatMessage(messages.selectSessionHeader, {
+ courseTitle,
+ });
+ hint = formatMessage(messages.selectSessionHint);
+ }
+
+ return (
+
+
+
{header}
+
+ {hint}
+
+ {entitlementSessions?.map((entitle) => (
+
+ {dateFormatter(formatDate, entitle.startDate)} - {dateFormatter(formatDate, entitle.endDate)}
+
+ ))}
+ {showLeaveSessionInSessionModal ? (
+
+ {formatMessage(messages.leaveSessionOption)}
+
+ ) : null}
+
+
+
+
+
+
+
+
+ Change or leave session?
+
+
+
+ When you change to a different session any course progress or grades from your current session will be lost.
+
+
+
+ Leave session
+
+
+
+
+
+
+
+
+
+ Change or leave session?
+
+
+
+ When you change to a different session any course progress or grades from your current session will be lost.
+
+
+
+ 1/2/2000
+ -
+ 1/2/2020
+
+
+ 2/3/2000
+ -
+ 2/3/2020
+
+
+ 3/4/2000
+ -
+ 3/4/2020
+
+
+ Leave session
+
+
+
+
+
+
+
+
+
+ Select a session to access course-title: unit test save life
+
+
+
+ Remember, if you change your mind you have 2 weeks to unenroll and reclaim your entitlement.
+
+
+
+ 1/2/2000
+ -
+ 1/2/2020
+
+
+ 2/3/2000
+ -
+ 2/3/2020
+
+
+ 3/4/2000
+ -
+ 3/4/2020
+
+
+
+
+
+
+
+