fix(client): add hours back to certifications (#51215)

client/i18n/locales/english/translations.json

@@ -745,7 +745,7 @@
     "ms-president": "President, Microsoft Developer Division",
     "verify": "Verify this certification at:",
     "issued": "Issued",
-    "fulltext": "<0>This certifies that</0> <1>{{user}}</1> <2>successfully completed the</2> <3>{{title}}</3> <4>Developer Certification on {{time}}</4>",
+    "fulltext": "<0>This certifies that</0> <1>{{user}}</1> <2>successfully completed the</2> <3>{{title}}</3> <4>Developer Certification on {{time}}</4> <5>representing approximately {{completionTime}} hours of work</5>",
     "project": {
       "heading-legacy-full-stack": "As part of this Legacy Full Stack certification, {{user}} completed the following certifications:",
       "heading": "As part of this certification, {{user}} built the following projects and got all automated test suites to pass:",

client/src/client-only-routes/show-certification.tsx

@@ -217,7 +217,13 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
     return <RedirectHome />;
   }
 
-  const { date, name: userFullName = null, username, certTitle } = cert;
+  const {
+    date,
+    name: userFullName = null,
+    username,
+    certTitle,
+    completionTime
+  } = cert;
 
   const { user } = props;
 
@@ -352,6 +358,7 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                     })
                   }}
                 </h4>
+                <h5 style={{ marginTop: '15px' }}>{{ completionTime }}</h5>
               </Trans>
             </div>
           </main>

cypress/e2e/default/show-certification.ts

@@ -34,6 +34,12 @@ describe('A certification,', function () {
       const issued = `Developer Certification on August 3, 2018`;
       cy.get('[data-cy=issue-date]').should('include.text', issued);
     });
+
+    it('should be issued with the number of hours undertaken', () => {
+      cy.visit(certifiedUser);
+      const hours = '300 hours';
+      cy.get('.information-container').should('include.text', hours);
+    });
   });
 
   describe("while viewing someone else's,", function () {