Merge branch 'master' of https://github.com/openedx/frontend-app-lear…

…ner-record into bilalqamar95/jest-v29-upgrade

.github/workflows/CODEOWNERS

@@ -0,0 +1 @@
+* @openedx/2U-aperture

package.json

@@ -14,7 +14,6 @@
     "i18n_extract": "fedx-scripts formatjs extract",
     "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
     "lint:fix": "fedx-scripts eslint --fix --ext .js --ext .jsx .",
-    "postinstall": "patch-package",
     "serve": "fedx-scripts serve",
     "snapshot": "fedx-scripts jest --updateSnapshot",
     "start": "fedx-scripts webpack-dev-server --progress",
@@ -40,13 +39,13 @@
     "@edx/frontend-component-header": "5.3.0",
     "@edx/frontend-platform": "8.0.0",
     "@edx/openedx-atlas": "^0.6.0",
-    "@fortawesome/fontawesome-svg-core": "6.5.1",
-    "@fortawesome/free-brands-svg-icons": "6.5.1",
-    "@fortawesome/free-regular-svg-icons": "6.5.1",
-    "@fortawesome/free-solid-svg-icons": "6.5.1",
+    "@fortawesome/fontawesome-svg-core": "6.5.2",
+    "@fortawesome/free-brands-svg-icons": "6.5.2",
+    "@fortawesome/free-regular-svg-icons": "6.5.2",
+    "@fortawesome/free-solid-svg-icons": "6.5.2",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@openedx/frontend-plugin-framework": "^1.1.0",
-    "@openedx/paragon": "^21.11.3",
+    "@openedx/paragon": "^22.2.2",
     "axios": "0.28.1",
     "babel-polyfill": "6.26.0",
     "core-js": "3.36.1",
@@ -58,8 +57,8 @@
     "react-dom": "17.0.2",
     "react-helmet-async": "^1.3.0",
     "react-redux": "7.2.9",
-    "react-router": "6.22.2",
-    "react-router-dom": "6.22.2",
+    "react-router": "6.22.3",
+    "react-router-dom": "6.22.3",
     "redux": "4.2.1",
     "regenerator-runtime": "0.14.1"
   },
@@ -74,7 +73,7 @@
     "glob": "10.3.12",
     "husky": "9.0.11",
     "jest": "29.7.0",
-    "patch-package": "8.0.0",
+    "patch-package": "^8.0.0",
     "resize-observer-polyfill": "^1.5.1",
     "rosie": "2.1.1"
   }

src/components/ProgramRecord/ProgramRecordHeader.jsx

@@ -77,15 +77,18 @@ function ProgramRecordHeader({
         </span>
       </div>
       <div className="learner-info my-3">
-        <FormattedMessage
-          id="learner.username"
-          defaultMessage="{username}"
-          description="Username of the learner"
-          values={{
-            username: learner.username,
-          }}
-        />
-        |
+        {
+          learner.full_name && (
+          <FormattedMessage
+            id="learner.full_name"
+            defaultMessage="{full_name} | "
+            description="Full name of the learner"
+            values={{
+              full_name: learner.full_name,
+            }}
+          />
+          )
+        }
         <FormattedMessage
           id="learner.email"
           defaultMessage="{email}"
@@ -103,7 +106,6 @@ ProgramRecordHeader.propTypes = {
   learner: PropTypes.shape({
     email: PropTypes.string,
     full_name: PropTypes.string,
-    username: PropTypes.string,
   }).isRequired,
   program: PropTypes.shape({
     name: PropTypes.string,

src/components/ProgramRecord/test/__factories__/programRecord.factory.js

@@ -3,7 +3,7 @@ import { Factory } from 'rosie'; // eslint-disable-line import/no-extraneous-dep
 export default Factory.define('program_record_details')
   .attr('record', {
     learner: {
-      full_name: '',
+      full_name: 'test',
       username: 'edx',
       email: '[email protected]',
     },