ClassMastery: Move mock data to clients/mock.ts

Author: nguyen-darianhuy

src/Screens/ClassMastery/ClassMastery.tsx

@@ -4,6 +4,8 @@ import { color } from '../../Components/constants.json';
 
 import StudentMasteryRow, { StudentMasteryHeader } from './StudentMasteryRow';
 
+import { MOCK_LOBJ_NAMES, MOCK_LOBJ_MASTERY } from '../../clients/mock';
+
 const Page = styled.div`
    margin: 33px 90px;
 `;
@@ -16,58 +18,14 @@ const Header = styled.div`
 
 const Content = styled.div``;
 
-const MOCK_LOBJ_NAMES = ['Objective 1', 'Objective 2'];
-
-const MOCK_DATA = [
-   {
-      name: 'Ryan Fay',
-      learningObjectives: [
-         {
-            objectiveName: 'Objective 1',
-            percentage: 1,
-         },
-         {
-            objectiveName: 'Objective 2',
-            percentage: 0.9,
-         },
-      ],
-   },
-   {
-      name: 'Robert Middleton',
-      learningObjectives: [
-         {
-            objectiveName: 'Objective 1',
-            percentage: 0.6,
-         },
-         {
-            objectiveName: 'Objective 2',
-            percentage: 0.7,
-         },
-      ],
-   },
-   {
-      name: 'Darian Nguyen',
-      learningObjectives: [
-         {
-            objectiveName: 'Objective 1',
-            percentage: 0.24,
-         },
-         {
-            objectiveName: 'Objective 2',
-            percentage: 0.14,
-         },
-      ],
-   },
-];
-
 function ClassMastery() {
    //TODO Get real data
    return (
       <Page>
          <Header>Class Mastery</Header>
          <Content>
             <StudentMasteryHeader learningObjectiveNames={MOCK_LOBJ_NAMES} />
-            {MOCK_DATA.map(({ name, learningObjectives }) => (
+            {MOCK_LOBJ_MASTERY.map(({ name, learningObjectives }) => (
                <StudentMasteryRow name={name} learningObjectives={learningObjectives} />
             ))}
          </Content>

src/clients/mock.ts

@@ -213,3 +213,47 @@ export const quizblockSubmissionVar = makeVar<QuizBlockSubmission>(quizblockSubm
 export const quizblockSubmissionsVar = makeVar<QuizBlockSubmission[]>(quizblockSubmissions);
 
 export const mockTaskVar = makeVar<Task>(mockTask);
+
+export const MOCK_LOBJ_NAMES = ['Objective 1', 'Objective 2'];
+
+export const MOCK_LOBJ_MASTERY = [
+   {
+      name: 'Ryan Fay',
+      learningObjectives: [
+         {
+            objectiveName: 'Objective 1',
+            percentage: 1,
+         },
+         {
+            objectiveName: 'Objective 2',
+            percentage: 0.9,
+         },
+      ],
+   },
+   {
+      name: 'Robert Middleton',
+      learningObjectives: [
+         {
+            objectiveName: 'Objective 1',
+            percentage: 0.6,
+         },
+         {
+            objectiveName: 'Objective 2',
+            percentage: 0.7,
+         },
+      ],
+   },
+   {
+      name: 'Darian Nguyen',
+      learningObjectives: [
+         {
+            objectiveName: 'Objective 1',
+            percentage: 0.24,
+         },
+         {
+            objectiveName: 'Objective 2',
+            percentage: 0.14,
+         },
+      ],
+   },
+];