Merge pull request #772 from yeatmanlab/fix/score-report-no-name

Fix score and progress reports not loading

package.json

@@ -82,6 +82,7 @@
     "vue-recaptcha": "^3.0.0-alpha.6",
     "vue-router": "^4.1.6",
     "vue3-text-clamp": "^0.1.2",
+    "workbox-precaching": "^7.1.0",
     "zipson": "^0.2.12"
   },
   "devDependencies": {

src/pages/ProgressReport.vue

@@ -332,8 +332,8 @@ const computedProgressData = computed(() => {
         username: user.username,
         email: user.email,
         userId: user.userId,
-        firstName: user.name.first,
-        lastName: user.name.last,
+        firstName: user.name?.first,
+        lastName: user.name?.last,
         grade: grade,
         assessmentPid: user.assessmentPid,
         schoolName: schoolName,

src/pages/ScoreReport.vue

@@ -625,15 +625,19 @@ const computeAssignmentAndRunData = computed(() => {
         schoolName = schoolNameDictionary.value[schoolId];
       }
 
-      const firstNameOrUsername = user.name.first ?? user.username;
+      const firstName = user.name?.first;
+      const lastName = user.name?.last;
+      const username = user.username;
+
+      const firstNameOrUsername = firstName ?? username;
 
       const currRow = {
         user: {
-          username: user.username,
+          username: username,
           email: user.email,
           userId: user.userId,
-          firstName: user.name.first,
-          lastName: user.name.last,
+          firstName: firstName,
+          lastName: lastName,
           grade: grade,
           assessmentPid: user.assessmentPid,
           schoolName: schoolName,