AA-417: Update cert images (#308)

src/course-home/outline-tab/widgets/UpgradeCard.jsx

@@ -7,7 +7,7 @@ import { Button } from '@edx/paragon';
 
 import messages from '../messages';
 import { useModel } from '../../../generic/model-store';
-import VerifiedCert from '../../../generic/assets/edX_verified_certificate.png';
+import VerifiedCert from '../../../generic/assets/edX_certificate.png';
 
 function UpgradeCard({ courseId, intl, onLearnMore }) {
   const { org } = useModel('courses', courseId);

src/course-home/progress-tab/CertificateBanner.jsx

@@ -6,7 +6,7 @@ import { requestCert } from '../data/thunks';
 
 import { useModel } from '../../generic/model-store';
 import messages from './messages';
-import VerifiedCert from '../../generic/assets/edX_verified_certificate.png';
+import VerifiedCert from '../../generic/assets/edX_certificate.png';
 
 function CertificateBanner({ intl }) {
   const {

src/courseware/course/course-exit/CourseCelebration.jsx

@@ -15,8 +15,8 @@ import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import CatalogSuggestion from './CatalogSuggestion';
 import CelebrationMobile from './assets/celebration_456x328.gif';
 import CelebrationDesktop from './assets/celebration_750x540.gif';
-import certificate from '../../../generic/assets/edX_verified_certificate.png';
-import certificateLocked from '../../../generic/assets/edX_locked_verified_certificate.png';
+import certificate from '../../../generic/assets/edX_certificate.png';
+import certificateLocked from '../../../generic/assets/edX_locked_certificate.png';
 import messages from './messages';
 import { useModel } from '../../../generic/model-store';
 import { requestCert } from '../../../course-home/data/thunks';

src/courseware/course/course-exit/ProgramCompletion.jsx

@@ -4,10 +4,7 @@ import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert, Button, Hyperlink } from '@edx/paragon';
-import microBachelorsCertImage from '../../../generic/assets/edX_microBachelors_certificate.png';
-import microMastersCertImage from '../../../generic/assets/edX_microMasters_certificate.png';
-import professionalCertImage from '../../../generic/assets/edX_professionalCertificate_certificate.png';
-import xSeriesCertImage from '../../../generic/assets/edX_xSeries_certificate.png';
+import certImage from '../../../generic/assets/edX_certificate.png';
 import messages from './messages';
 
 /**
@@ -20,6 +17,8 @@ import messages from './messages';
  * four aforementioned types. This will not impact the parent components (i.e. CourseCelebration will render normally).
  */
 
+const programTypes = ['microbachelors', 'micromasters', 'professional-certificate', 'xseries'];
+
 function ProgramCompletion({
   intl,
   progress,
@@ -27,28 +26,10 @@ function ProgramCompletion({
   type,
   url,
 }) {
-  if (progress.notStarted !== 0 || progress.inProgress !== 0) {
+  if (!programTypes.includes(type) || progress.notStarted !== 0 || progress.inProgress !== 0) {
     return null;
   }
 
-  let certImage;
-  switch (type) {
-    case 'microbachelors':
-      certImage = microBachelorsCertImage;
-      break;
-    case 'micromasters':
-      certImage = microMastersCertImage;
-      break;
-    case 'professional-certificate':
-      certImage = professionalCertImage;
-      break;
-    case 'xseries':
-      certImage = xSeriesCertImage;
-      break;
-    default:
-      return null;
-  }
-
   const programLink = (
     <Hyperlink
       style={{ textDecoration: 'underline' }}

src/courseware/course/sequence/lock-paywall-value-prop/LockPaywall.jsx

@@ -10,7 +10,7 @@ import {
 import { Button } from '@edx/paragon';
 import classNames from 'classnames';
 
-import VerifiedCert from '../../../../generic/assets/edX_verified_certificate.png';
+import VerifiedCert from '../../../../generic/assets/edX_certificate.png';
 import { useModel } from '../../../../generic/model-store';
 import './LockPaywall.scss';
 

src/courseware/course/sequence/lock-paywall/LockPaywall.jsx

@@ -5,7 +5,7 @@ import { faLock } from '@fortawesome/free-solid-svg-icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import messages from './messages';
-import VerifiedCert from '../../../../generic/assets/edX_verified_certificate.png';
+import VerifiedCert from '../../../../generic/assets/edX_certificate.png';
 import { useModel } from '../../../../generic/model-store';
 
 function LockPaywall({

src/generic/course-sock/CourseSock.jsx

@@ -4,7 +4,7 @@ import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import LearnerQuote1 from './assets/learner-quote.png';
 import LearnerQuote2 from './assets/learner-quote2.png';
-import VerifiedCert from '../assets/edX_verified_certificate.png';
+import VerifiedCert from '../assets/edX_certificate.png';
 
 export default class CourseSock extends Component {
   constructor(props) {