[fix] Fix linting warnings (#50)

* fixed SingleTargetOverviewe link

* cleaned linting warnings

Author: zzheng07

src/Components/Content/Content.tsx

@@ -9,7 +9,6 @@ import SingleStudentMasteryOverview from '../SingleStudentMasteryOverview/Single
 import CourseHome from '../CourseHome/CourseHome';
 import SingleTargetOverview from '../SingleTargetOverview/SingleTargetOverview';
 import SingleMissionOverview from '../SingleStudentOverview/SingleMissionOverview';
-
 import TaskView from '../../Screens/TaskView/TaskView';
 import TaskListView from '../TaskListView';
 import TaskSubmissionSummaryView from '../TaskSubmissionSummaryView';

src/Components/CourseHome/ListView.tsx

@@ -16,6 +16,8 @@ import { CmStudentFieldsFragment } from '../../__generated__/types';
 interface MissionMasteryRow {
    row: {
       name: string;
+      firstName: string;
+      lastName: string;
       recent: string;
       masteryLevel: string;
       lastLogOn: string;
@@ -29,14 +31,21 @@ function ListView(classMissionMasterydata: any) {
       console.log(row);
       history.push({
          pathname: `/singleStudentOverview/${row.row.studentId}`,
+         state: { id: row.row.studentId, firstName: row.row.firstName, lastName: row.row.lastName },
       });
    };
 
    const data: MissionMasteryRow[] = classMissionMasterydata.classMissionMasterydata.studentMissionMasteryList.map(
       (studentMissionMastery: CmStudentFieldsFragment) => {
+         const firstName = studentMissionMastery.student.firstName || 'Mary';
+         const lastName = studentMissionMastery.student.lastName || 'Lee';
+         const name = `${firstName} ${lastName}`;
+
          return {
             row: {
-               name: `${studentMissionMastery.student.lastName} ${studentMissionMastery.student.firstName}`,
+               name,
+               firstName,
+               lastName,
                recent: studentMissionMastery.currentTaskName,
                masteryLevel: studentMissionMastery.level,
                lastLogOn: 'Jan. 7, 2021',

src/Components/LinearProgressWithLabel/LinearProgressWithLabel.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/destructuring-assignment */
 import { Box, LinearProgress, LinearProgressProps, Typography } from '@material-ui/core';
-import { createStyles, withStyles, Theme } from '@material-ui/core/styles';
+import { createStyles, withStyles } from '@material-ui/core/styles';
 
-const BorderLinearProgress = withStyles((theme: Theme) =>
+const BorderLinearProgress = withStyles(() =>
    createStyles({
       root: {
          height: 20,

src/Components/LinearProgressWithLabel/ObjectiveDropDown.tsx

@@ -9,13 +9,8 @@ import ExpandLess from '@material-ui/icons/ExpandLess';
 import ExpandMore from '@material-ui/icons/ExpandMore';
 import { Link } from 'react-router-dom';
 import { Box, LinearProgress } from '@material-ui/core';
-import LinearProgressWithLabel from './LinearProgressWithLabel';
-import {
-   Task,
-   TaskObjectiveProgress,
-   TaskObjectiveProgressFieldsFragment,
-   useGetTaskObjectiveProgressQuery,
-} from '../../__generated__/types';
+
+import { TaskObjectiveProgress, useGetTaskObjectiveProgressQuery } from '../../__generated__/types';
 
 const useStyles = makeStyles((theme: Theme) =>
    createStyles({
@@ -32,7 +27,7 @@ const useStyles = makeStyles((theme: Theme) =>
       },
    })
 );
-const MasteredProgress = withStyles((theme: Theme) =>
+const MasteredProgress = withStyles(() =>
    createStyles({
       root: {
          height: 25,
@@ -48,7 +43,7 @@ const MasteredProgress = withStyles((theme: Theme) =>
    })
 )(LinearProgress);
 
-const NotStartedProgress = withStyles((theme: Theme) =>
+const NotStartedProgress = withStyles(() =>
    createStyles({
       root: {
          height: 25,
@@ -66,7 +61,7 @@ const NotStartedProgress = withStyles((theme: Theme) =>
    })
 )(LinearProgress);
 
-const NotMasteredProgress = withStyles((theme: Theme) =>
+const NotMasteredProgress = withStyles(() =>
    createStyles({
       root: {
          height: 25,
@@ -82,7 +77,7 @@ const NotMasteredProgress = withStyles((theme: Theme) =>
    })
 )(LinearProgress);
 
-const AlmostMasteredProgress = withStyles((theme: Theme) =>
+const AlmostMasteredProgress = withStyles(() =>
    createStyles({
       root: {
          height: 25,