Bw/recommendations panel (#63)

Co-authored-by: Shafqat Farhan <shafqat.farhan@arbisoft.com>

src/containers/CourseCard/components/CourseCardBanners/__snapshots__/CertificateBanner.test.jsx.snap

@@ -92,7 +92,7 @@ exports[`CertificateBanner snapshot is restricted and verified 1`] = `
 
 exports[`CertificateBanner snapshot not passing and audit 1`] = `
 <Banner>
-  Grade required to pass the course: 0.8
+  Grade required to pass the course: 0.8‏%
 </Banner>
 `;
 
@@ -114,6 +114,6 @@ exports[`CertificateBanner snapshot not passing and not audit and not finished 1
 <Banner
   variant="warning"
 >
-  Grade required for a certificate: 0.8
+  Grade required for a certificate: 0.8‏%
 </Banner>
 `;

src/containers/CourseCard/components/CourseCardBanners/messages.js

@@ -39,7 +39,7 @@ export const messages = StrictDict({
   passingGrade: {
     id: 'learner-dash.courseCard.banners.passingGrade',
     description: 'Message to learners with minimum passing grade for the course',
-    defaultMessage: 'Grade required to pass the course: {minPassingGrade}',
+    defaultMessage: 'Grade required to pass the course: {minPassingGrade}\u200f%',
   },
   notEligibleForCert: {
     id: 'learner-dash.courseCard.banners.notEligibleForCert',
@@ -64,7 +64,7 @@ export const messages = StrictDict({
   certMinGrade: {
     id: 'learner-dash.courseCard.banners.certMinGrade',
     description: 'Passing grade requirement message',
-    defaultMessage: 'Grade required for a certificate: {minPassingGrade}',
+    defaultMessage: 'Grade required for a certificate: {minPassingGrade}\u200f%',
   },
   downloadCertificate: {
     id: 'learner-dash.courseCard.banners.downloadCertificate',