Added padding to LTSelectors and specified types in SelectedLTStudentViewTable.tsx.

Author: Robert Middleton

src/Components/StudentOverview/LTStudentViewTable.tsx

@@ -120,7 +120,7 @@ function LTStudentViewTable() {
       if (!learningTargetSet.has(target.targetName)) {
          learningTargetSet.add(target.targetName);
          learningTargetGroup.columns.push({
-            Header: target.targetName,
+            Header: target.description,
             accessor: `row.${target.targetName}`,
          });
       }
@@ -129,7 +129,12 @@ function LTStudentViewTable() {
 
    return (
       <div>
-         <ToggleButtonGroup value={selectedLT} exclusive onChange={handleLTSelection}>
+         <ToggleButtonGroup
+            value={selectedLT}
+            style={{ paddingLeft: '20px' }}
+            exclusive
+            onChange={handleLTSelection}
+         >
             {courseTargets.targets.map((target: Target) => {
                return (
                   <ToggleButton value={target.targetId} style={{ width: '100px' }}>

src/Components/StudentOverview/SelectedLTStudentViewTable.tsx

@@ -10,6 +10,8 @@
 import TableComponent from '../TableComponent/TableComponent';
 import {
    CmStudentFieldsFragment,
+   CtmObjectiveMasteryFieldsFragment,
+   CtmStudentObjectiveMasteryFieldsFragment,
    Objective,
    useClassTargetMasteryQuery,
 } from '../../__generated__/types';
@@ -124,20 +126,22 @@ function SelectedLTStudentViewTable(classMissionMastery: any, selectedLTId: stri
    colorMap.set('NOT_GRADED', 'rgb(191, 191, 191)');
    colorMap.set('NEARLY_MASTERED', 'rgb(230, 230, 0)');
    targetMasteryData.classTargetMastery.studentObjectiveMasteryList.map(
-      (studentObjectiveMastery: any) => {
+      (studentObjectiveMastery: CtmStudentObjectiveMasteryFieldsFragment) => {
          if (studentObjectiveMastery.objectiveMasteryList.length === 0) {
-            objectiveSet.forEach((value: any) => {
-               data[index].row[value] = '';
+            objectiveSet.forEach((objectiveId: any) => {
+               data[index].row[objectiveId] = '';
             });
          } else {
-            studentObjectiveMastery.objectiveMasteryList.map((objectiveMastery: any) => {
-               data[index].row[objectiveMastery.objectiveId] = {
-                  status: objectiveMastery.mastery,
-                  style: {
-                     backgroundColor: colorMap.get(objectiveMastery.mastery),
-                  },
-               };
-            });
+            studentObjectiveMastery.objectiveMasteryList.map(
+               (objectiveMastery: CtmObjectiveMasteryFieldsFragment) => {
+                  data[index].row[objectiveMastery.objectiveId] = {
+                     status: objectiveMastery.mastery,
+                     style: {
+                        backgroundColor: colorMap.get(objectiveMastery.mastery),
+                     },
+                  };
+               }
+            );
          }
          index++;
       }

src/Screens/TaskView/Rubric/RubricMenu.tsx

@@ -114,7 +114,7 @@ function RubricMenu({ requirements }: { requirements: RubricRequirement[] }) {
                ))}
                <NavDropdown.Divider />
                <Button className="mx-auto" type="submit">
-                  Submit Task
+                  Submit Grade
                </Button>
             </Form>
          </Drawer>