From 6cb5289d8357dc4e2f6e7169cfc273e1956c9718 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Thu, 25 Mar 2021 14:06:46 -0700
Subject: [PATCH] Only show corresponding component in WorkgroupItem if
 componentId is set. #18

---
 .../nodeGrading/workgroupItem/workgroupItem.ts | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
index 37a00ce02a..04a0407f3a 100644
--- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
+++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
@@ -7,7 +7,7 @@ import { UtilService } from '../../../../services/utilService';
 class WorkgroupItemController {
   $translate: any;
   componentId: string;
-  components: any[];
+  components: any[] = [];
   disabled: any;
   expand: any;
   hasAlert: boolean;
@@ -37,9 +37,19 @@ class WorkgroupItemController {
     this.nodeHasWork = this.ProjectService.nodeHasWork(this.nodeId);
     this.statusText = '';
     this.update();
-    this.components = this.ProjectService.getComponentsByNodeId(this.nodeId).filter((component) => {
-      return this.ProjectService.componentHasWork(component);
-    });
+    if (this.componentId) {
+      const component =
+          this.ProjectService.getComponentByNodeIdAndComponentId(this.nodeId, this.componentId);
+      if (this.ProjectService.componentHasWork(component)) {
+        this.components.push(component);
+      }
+    } else {
+      this.components = this.ProjectService.getComponentsByNodeId(this.nodeId).filter(
+        (component) => {
+          return this.ProjectService.componentHasWork(component);
+        }
+      );
+    }
   }
 
   $onChanges(changesObj) {