don't make this api call unless the params are available. fixed the r…

…eason it was undefined

actions.js

@@ -678,6 +678,10 @@ export function gotSingleStudentAssignment(assignment) {
 }
 
 export function fetchSingleStudentAssignment({ slug, assignmentId }) {
+  if (!assignmentId) {
+    console.error('assignmentId is required');
+    return;
+  }
   return (dispatch, getState) => {
     const {
       currentUser: { token },

pages/courses/[slug]/[piece]/[actCategory]/[partType]/index.js

@@ -39,15 +39,23 @@ export default function PerformMelody() {
   );
   useEffect(() => {
     if (loadedActivities) {
+      let comparablePartType = partType;
+      if (comparablePartType.startsWith('Melody')) {
+        comparablePartType = comparablePartType.substring(0, 'Melody'.length)
+      } else if (comparablePartType.startsWith('Bassline')) {
+        comparablePartType = comparablePartType.substring(0, 'Bassline'.length)
+      }
+      const assignmentId = activities[slug].filter(
+        (assn) =>
+          {
+            return assn.piece_slug === piece &&
+          assn.part_type === comparablePartType &&
+          assn.activity_type_category === actCategory}
+      )?.[0]?.id
       dispatch(
         fetchSingleStudentAssignment({
           slug,
-          assignmentId: activities[slug].filter(
-            (assn) =>
-              assn.piece_slug === piece &&
-              assn.part_type === partType &&
-              assn.activity_type_category === actCategory
-          )?.[0]?.id,
+          assignmentId,
         })
       );
     }

pages/courses/[slug]/[piece]/[actCategory]/index.js

@@ -31,14 +31,15 @@ export default function PerformMelody() {
   );
   useEffect(() => {
     if (loadedActivities) {
+      const assignmentId = activities[slug].filter(
+        (assn) =>
+          assn.piece_slug === piece &&
+          (assn.activity_type_category === actCategory || assn.activity_type_category.split(' ')[0] === actCategory)
+      )?.[0]?.id;
       dispatch(
         fetchSingleStudentAssignment({
           slug,
-          assignmentId: activities[slug].filter(
-            (assn) =>
-              assn.piece_slug === piece &&
-              assn.activity_type_category === actCategory
-          )?.[0]?.id,
+          assignmentId,
         })
       );
     }