From a257943f2081ce87b355d6074a8cd001d3a043b0 Mon Sep 17 00:00:00 2001
From: githubteacher <trainingdemos+githubteacher@github.com>
Date: Wed, 10 Jul 2019 12:05:28 -0700
Subject: [PATCH 01/15] setting up changes to add

---
 src/App.jsx  | 45 ++++++++++++++++++++++++++++++++++++++++++++-
 src/List.jsx |  3 ++-
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 902a9c1..2f79a61 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import Table from "./Table";
+/*Add import statement here for step 2*/
 
 class App extends React.Component {
   constructor(props) {
@@ -7,12 +8,14 @@ class App extends React.Component {
 
     this.state = {
       buttonClicked: "",
-      assignments: [],
+      assignments: [] /*Below this line, add the students state variable for step 3*/,
       grades: {}
     };
 
     this.handleButtonClicked = this.handleButtonClicked.bind(this);
     this.addAssignment = this.addAssignment.bind(this);
+    /*Uncomment the line below for step 4*/
+    /*this.addStudent = this.addStudent.bind(this);*/
     this.addGrade = this.addGrade.bind(this);
   }
 
@@ -28,6 +31,8 @@ class App extends React.Component {
     });
   }
 
+  /*Write an addStudent function here for step 4*/
+
   addGrade(assignment, student, score) {
     let grades = this.state.grades;
     let assignmentName = assignment;
@@ -42,10 +47,48 @@ class App extends React.Component {
   render() {
     let tabChoice = <div />;
 
+    /*Uncomment below for step 2*/
+    /*if (this.state.buttonClicked === "assignments") {
+      tabChoice = (
+        <List
+          placeholder="Add Assignment..."
+          currList={this.state.assignments}
+          addFunction={this.addAssignment}
+          title="Assignments"
+        />
+      );
+    }*/
+
+    /* Change below for step 4*/
+
+    /*if (this.state.buttonClicked === "students") {
+      tabChoice = (
+        <List
+          placeholder="Add Assignment..." 
+          currList={this.state.assignments}
+          addFunction={this.addAssignment}
+          title="Student Roster"
+        />
+      );
+    }*/
+
+    /* Uncomment lines below for step 3*/
+    /*if (this.state.buttonClicked === "grades") {
+      tabChoice = (
+        <Table
+          tableNames={this.state.assignments}
+          rows={this.state.students}
+          addFunction={this.addGrade}
+          data={this.state.grades}
+        />
+      );
+    }*/
+
     return (
       <div>
         <div className="Box Box--spacious f4">
           <div className="Box-header">
+            {/* Replace this line with the proper header code for Step 1 */}
           </div>
         </div>
         <nav className="UnderlineNav d-flex flex-justify-center">
diff --git a/src/List.jsx b/src/List.jsx
index 522d57e..0f78e42 100644
--- a/src/List.jsx
+++ b/src/List.jsx
@@ -27,7 +27,8 @@ class List extends React.Component {
   render() {
     return (
       <div className="col-6 mx-auto">
-        <p className="h2">REPLACE THIS TITLE WITH A PROP</p> 
+        <p className="h2">REPLACE THIS TITLE WITH A PROP</p>{" "}
+        {/*Replace the code above to call the title prop for step 2*/}
         <form onSubmit={this.handleSubmit}>
           <label>
             <input

From 1e8a7137f52159895c75c4fcb198b40959b39d97 Mon Sep 17 00:00:00 2001
From: githubteacher <trainingdemos+githubteacher@github.com>
Date: Mon, 15 Jul 2019 13:35:30 -0700
Subject: [PATCH 02/15] fixing some stuff

---
 src/App.jsx  | 5 +++--
 src/List.jsx | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 2f79a61..c6541c5 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -14,7 +14,7 @@ class App extends React.Component {
 
     this.handleButtonClicked = this.handleButtonClicked.bind(this);
     this.addAssignment = this.addAssignment.bind(this);
-    /*Uncomment the line below for step 4*/
+    /*Uncomment the line below for step 3*/
     /*this.addStudent = this.addStudent.bind(this);*/
     this.addGrade = this.addGrade.bind(this);
   }
@@ -25,13 +25,14 @@ class App extends React.Component {
     });
   }
 
+  /*Check out this addAssignment function for step 3*/
   addAssignment(assignmentName) {
     this.setState({
       assignments: this.state.assignments.concat(assignmentName)
     });
   }
 
-  /*Write an addStudent function here for step 4*/
+  /*Write an addStudent function here for step 3*/
 
   addGrade(assignment, student, score) {
     let grades = this.state.grades;
diff --git a/src/List.jsx b/src/List.jsx
index 0f78e42..027ae4c 100644
--- a/src/List.jsx
+++ b/src/List.jsx
@@ -27,8 +27,8 @@ class List extends React.Component {
   render() {
     return (
       <div className="col-6 mx-auto">
-        <p className="h2">REPLACE THIS TITLE WITH A PROP</p>{" "}
-        {/*Replace the code above to call the title prop for step 2*/}
+        {/*Replace the code below to call the title prop for step 2*/}
+        <p className="h2">REPLACE THIS TITLE WITH A PROP</p>
         <form onSubmit={this.handleSubmit}>
           <label>
             <input

From acb1b155418a2a189cba83faa2bb31e23fe299c3 Mon Sep 17 00:00:00 2001
From: githubteacher <trainingdemos+githubteacher@github.com>
Date: Wed, 14 Aug 2019 14:16:15 -0700
Subject: [PATCH 03/15] remove step number

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index c6541c5..838dc44 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Table from "./Table";
-/*Add import statement here for step 2*/
+/*Add import statement here*/
 
 class App extends React.Component {
   constructor(props) {

From 0f2cc53cf1869241e40899fc41c0066ab37373e8 Mon Sep 17 00:00:00 2001
From: githubteacher <trainingdemos+githubteacher@github.com>
Date: Wed, 14 Aug 2019 14:29:35 -0700
Subject: [PATCH 04/15] fix steps

---
 src/App.jsx  | 16 ++++++++--------
 src/List.jsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 838dc44..46c0b7c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -8,13 +8,13 @@ class App extends React.Component {
 
     this.state = {
       buttonClicked: "",
-      assignments: [] /*Below this line, add the students state variable for step 3*/,
+      assignments: [] /*Below this line, add the students state variable*/,
       grades: {}
     };
 
     this.handleButtonClicked = this.handleButtonClicked.bind(this);
     this.addAssignment = this.addAssignment.bind(this);
-    /*Uncomment the line below for step 3*/
+    /*Uncomment the line below to bind the method*/
     /*this.addStudent = this.addStudent.bind(this);*/
     this.addGrade = this.addGrade.bind(this);
   }
@@ -25,14 +25,14 @@ class App extends React.Component {
     });
   }
 
-  /*Check out this addAssignment function for step 3*/
+  /*Check out this addAssignment method*/
   addAssignment(assignmentName) {
     this.setState({
       assignments: this.state.assignments.concat(assignmentName)
     });
   }
 
-  /*Write an addStudent function here for step 3*/
+  /*Write an addStudent method here*/
 
   addGrade(assignment, student, score) {
     let grades = this.state.grades;
@@ -48,7 +48,7 @@ class App extends React.Component {
   render() {
     let tabChoice = <div />;
 
-    /*Uncomment below for step 2*/
+    /*Uncomment below to render assignments*/
     /*if (this.state.buttonClicked === "assignments") {
       tabChoice = (
         <List
@@ -60,7 +60,7 @@ class App extends React.Component {
       );
     }*/
 
-    /* Change below for step 4*/
+    /* Change below to render students*/
 
     /*if (this.state.buttonClicked === "students") {
       tabChoice = (
@@ -73,7 +73,7 @@ class App extends React.Component {
       );
     }*/
 
-    /* Uncomment lines below for step 3*/
+    /* Uncomment lines below to render grades*/
     /*if (this.state.buttonClicked === "grades") {
       tabChoice = (
         <Table
@@ -89,7 +89,7 @@ class App extends React.Component {
       <div>
         <div className="Box Box--spacious f4">
           <div className="Box-header">
-            {/* Replace this line with the proper header code for Step 1 */}
+            {/* Replace this line with the proper header code*/}
           </div>
         </div>
         <nav className="UnderlineNav d-flex flex-justify-center">
diff --git a/src/List.jsx b/src/List.jsx
index 027ae4c..a661b7d 100644
--- a/src/List.jsx
+++ b/src/List.jsx
@@ -27,7 +27,7 @@ class List extends React.Component {
   render() {
     return (
       <div className="col-6 mx-auto">
-        {/*Replace the code below to call the title prop for step 2*/}
+        {/*Replace the code below to call the title prop*/}
         <p className="h2">REPLACE THIS TITLE WITH A PROP</p>
         <form onSubmit={this.handleSubmit}>
           <label>

From e25cceeb098458a679eed7d4ac0a21022910dcad Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:29:17 +0530
Subject: [PATCH 05/15] add a header component

---
 src/App.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 46c0b7c..742a1e6 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,7 +9,7 @@ class App extends React.Component {
     this.state = {
       buttonClicked: "",
       assignments: [] /*Below this line, add the students state variable*/,
-      grades: {}
+      grades: {},
     };
 
     this.handleButtonClicked = this.handleButtonClicked.bind(this);
@@ -21,14 +21,14 @@ class App extends React.Component {
 
   handleButtonClicked(buttonName) {
     this.setState({
-      buttonClicked: buttonName
+      buttonClicked: buttonName,
     });
   }
 
   /*Check out this addAssignment method*/
   addAssignment(assignmentName) {
     this.setState({
-      assignments: this.state.assignments.concat(assignmentName)
+      assignments: this.state.assignments.concat(assignmentName),
     });
   }
 
@@ -89,7 +89,7 @@ class App extends React.Component {
       <div>
         <div className="Box Box--spacious f4">
           <div className="Box-header">
-            {/* Replace this line with the proper header code*/}
+            <h3 className="Box-title d-flex flex-justify-center">GradeBook</h3>
           </div>
         </div>
         <nav className="UnderlineNav d-flex flex-justify-center">

From 724a880868190432913a36e584c2e46e5c5915f2 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:33:39 +0530
Subject: [PATCH 06/15] import list component

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 742a1e6..963bbe2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Table from "./Table";
-/*Add import statement here*/
+import List from "./List";
 
 class App extends React.Component {
   constructor(props) {

From f3d23535d64d179dc9f5d47fa3a527c12a84fc53 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:38:14 +0530
Subject: [PATCH 07/15] uncomment assignment rendering

---
 src/App.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 963bbe2..ef68464 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -49,7 +49,7 @@ class App extends React.Component {
     let tabChoice = <div />;
 
     /*Uncomment below to render assignments*/
-    /*if (this.state.buttonClicked === "assignments") {
+    if (this.state.buttonClicked === "assignments") {
       tabChoice = (
         <List
           placeholder="Add Assignment..."
@@ -58,7 +58,7 @@ class App extends React.Component {
           title="Assignments"
         />
       );
-    }*/
+    }
 
     /* Change below to render students*/
 

From 5536c12075dffa8ca3a5b78d09fb468ccd17ebf1 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:41:24 +0530
Subject: [PATCH 08/15] use a prop for the header

---
 src/List.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/List.jsx b/src/List.jsx
index a661b7d..0e14735 100644
--- a/src/List.jsx
+++ b/src/List.jsx
@@ -4,7 +4,7 @@ class List extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      value: ""
+      value: "",
     };
 
     this.handleChange = this.handleChange.bind(this);
@@ -17,7 +17,7 @@ class List extends React.Component {
 
   handleSubmit(event) {
     this.setState({
-      value: ""
+      value: "",
     });
 
     this.props.addFunction(this.state.value);
@@ -28,7 +28,7 @@ class List extends React.Component {
     return (
       <div className="col-6 mx-auto">
         {/*Replace the code below to call the title prop*/}
-        <p className="h2">REPLACE THIS TITLE WITH A PROP</p>
+        <p className="h2">{this.props.title}</p>
         <form onSubmit={this.handleSubmit}>
           <label>
             <input

From 5c10e1bc265c0f57e51477a62632c00b56bbf4bf Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:44:16 +0530
Subject: [PATCH 09/15] add a state variable for students

---
 src/App.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/App.jsx b/src/App.jsx
index ef68464..192e914 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,6 +9,7 @@ class App extends React.Component {
     this.state = {
       buttonClicked: "",
       assignments: [] /*Below this line, add the students state variable*/,
+      student: [],
       grades: {},
     };
 

From 0ea37132f08dd8c02dfad0de451c1c7a19478af2 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:44:56 +0530
Subject: [PATCH 10/15] add a state variable for students

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 192e914..e0a9814 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,7 +9,7 @@ class App extends React.Component {
     this.state = {
       buttonClicked: "",
       assignments: [] /*Below this line, add the students state variable*/,
-      student: [],
+      students: [],
       grades: {},
     };
 

From b6ad27fa29074cab17f84807fc7f774172bd5e09 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:50:21 +0530
Subject: [PATCH 11/15] create addStudent method

---
 src/App.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index e0a9814..b62d227 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -34,6 +34,11 @@ class App extends React.Component {
   }
 
   /*Write an addStudent method here*/
+  addStudent(studentName) {
+    this.setState({
+      assignments: this.state.students.concat(studentName),
+    });
+  }
 
   addGrade(assignment, student, score) {
     let grades = this.state.grades;

From 04789658f92fec4f09e09412a21d158f0e563735 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:53:04 +0530
Subject: [PATCH 12/15] bind addStudent to App

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index b62d227..d6f340a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -16,7 +16,7 @@ class App extends React.Component {
     this.handleButtonClicked = this.handleButtonClicked.bind(this);
     this.addAssignment = this.addAssignment.bind(this);
     /*Uncomment the line below to bind the method*/
-    /*this.addStudent = this.addStudent.bind(this);*/
+    this.addStudent = this.addStudent.bind(this);
     this.addGrade = this.addGrade.bind(this);
   }
 

From c7760beeb13e5bfac49caf0fd4a1347852848fce Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:57:50 +0530
Subject: [PATCH 13/15] change props for students rendering

---
 src/App.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index d6f340a..3bd7cae 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -68,16 +68,16 @@ class App extends React.Component {
 
     /* Change below to render students*/
 
-    /*if (this.state.buttonClicked === "students") {
+    if (this.state.buttonClicked === "students") {
       tabChoice = (
         <List
-          placeholder="Add Assignment..." 
-          currList={this.state.assignments}
-          addFunction={this.addAssignment}
+          placeholder="Add Student..."
+          currList={this.state.student}
+          addFunction={this.addStudent}
           title="Student Roster"
         />
       );
-    }*/
+    }
 
     /* Uncomment lines below to render grades*/
     /*if (this.state.buttonClicked === "grades") {

From cc85d8b083156e37a7dfc5a765e09037e4dad9c4 Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 01:59:56 +0530
Subject: [PATCH 14/15] change props for students rendering

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 3bd7cae..50171ad 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -72,7 +72,7 @@ class App extends React.Component {
       tabChoice = (
         <List
           placeholder="Add Student..."
-          currList={this.state.student}
+          currList={this.state.students}
           addFunction={this.addStudent}
           title="Student Roster"
         />

From 3cafd73066dc1da628c4c00ec160301d16745abd Mon Sep 17 00:00:00 2001
From: mr-zero <amirajubolchi001@gmail.com>
Date: Fri, 18 Sep 2020 02:02:08 +0530
Subject: [PATCH 15/15] uncomment grades section

---
 src/App.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 50171ad..9186e2b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -80,7 +80,7 @@ class App extends React.Component {
     }
 
     /* Uncomment lines below to render grades*/
-    /*if (this.state.buttonClicked === "grades") {
+    if (this.state.buttonClicked === "grades") {
       tabChoice = (
         <Table
           tableNames={this.state.assignments}
@@ -89,7 +89,7 @@ class App extends React.Component {
           data={this.state.grades}
         />
       );
-    }*/
+    }
 
     return (
       <div>