richie-education 2.25.0-b2.dev172 → 2.25.0-b2.dev174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/js/components/PurchaseButton/index.spec.tsx +4 -4
- package/js/components/PurchaseButton/index.tsx +0 -1
- package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/CourseProductItemFooter/index.tsx +1 -1
- package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/_styles.scss +7 -2
- package/package.json +1 -1
|
@@ -181,7 +181,7 @@ describe('PurchaseButton', () => {
|
|
|
181
181
|
expect(button).toBeDisabled();
|
|
182
182
|
|
|
183
183
|
// Further, a message is displayed to explain why the CTA is disabled
|
|
184
|
-
screen.findByText('
|
|
184
|
+
await screen.findByText('There are no more places available for this product.');
|
|
185
185
|
});
|
|
186
186
|
|
|
187
187
|
it.each([
|
|
@@ -318,7 +318,7 @@ describe('PurchaseButton', () => {
|
|
|
318
318
|
// No alert message
|
|
319
319
|
expect(
|
|
320
320
|
screen.queryByText(
|
|
321
|
-
'The course run is not active
|
|
321
|
+
'The course run is not active. This product is not currently available for sale.',
|
|
322
322
|
),
|
|
323
323
|
).not.toBeInTheDocument();
|
|
324
324
|
},
|
|
@@ -349,8 +349,8 @@ describe('PurchaseButton', () => {
|
|
|
349
349
|
expect(button).toBeDisabled();
|
|
350
350
|
|
|
351
351
|
// Further, a message is displayed to explain why the CTA is disabled
|
|
352
|
-
screen.findByText(
|
|
353
|
-
'At least one course has no course runs
|
|
352
|
+
await screen.findByText(
|
|
353
|
+
'At least one course has no course runs. This product is not currently available for sale.',
|
|
354
354
|
);
|
|
355
355
|
});
|
|
356
356
|
|
|
@@ -62,7 +62,7 @@ const CourseProductItemFooter = ({
|
|
|
62
62
|
orderGroup={orderGroup}
|
|
63
63
|
buttonProps={{ fullWidth: true }}
|
|
64
64
|
/>
|
|
65
|
-
<p>
|
|
65
|
+
<p className="product-widget__footer__message">
|
|
66
66
|
<FormattedMessage
|
|
67
67
|
{...messages.nbSeatsAvailable}
|
|
68
68
|
values={{ nb: orderGroup.nb_available_seats }}
|
|
@@ -143,14 +143,19 @@
|
|
|
143
143
|
gap: 0.5rem;
|
|
144
144
|
|
|
145
145
|
&__message {
|
|
146
|
+
color: r-theme-val(product-item, base-color);
|
|
146
147
|
text-align: center;
|
|
147
148
|
}
|
|
148
149
|
|
|
149
150
|
&__order-group {
|
|
150
151
|
text-align: center;
|
|
151
152
|
|
|
152
|
-
|
|
153
|
-
margin
|
|
153
|
+
.product-widget__footer__message {
|
|
154
|
+
margin: 0.5rem 0;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&:last-child {
|
|
158
|
+
margin-bottom: -1rem;
|
|
154
159
|
}
|
|
155
160
|
}
|
|
156
161
|
}
|