remve FE log code, import, comment, update progress

Author: yennanliu

springAssignmentSystem/doc/progress.txt

@@ -102,4 +102,5 @@
 		- https://youtu.be/d_YH4TnLuhk?si=BmgFG1gWJvDLp5kO
 
 - 20231012
-		- https://youtu.be/d_YH4TnLuhk?si=BmgFG1gWJvDLp5kO
+		- https://youtu.be/d_YH4TnLuhk?si=BmgFG1gWJvDLp5kO
+			- progress : 16:22

springAssignmentSystem/frontend/frontend_app/src/AssignmentView/index.js

@@ -1,17 +1,14 @@
-import React, { useEffect, useInsertionEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { useLocalState } from "../util/useLocalStorage";
 import ajax from "../Services/fetchService";
 import { Link } from "react-router-dom";
-import { Badge, Button, Container } from "react-bootstrap";
-
+import { Button, Container } from "react-bootstrap";
 import Col from "react-bootstrap/Col";
 import Form from "react-bootstrap/Form";
 import Row from "react-bootstrap/Row";
-
 import ButtonGroup from "react-bootstrap/ButtonGroup";
 import Dropdown from "react-bootstrap/Dropdown";
 import DropdownButton from "react-bootstrap/DropdownButton";
-
 import StatusBadge from "../StatusBadge";
 
 const AssignmentView = () => {
@@ -45,7 +42,6 @@ const AssignmentView = () => {
 
   function saveAssignment() {
     // call BE API save assignment
-
     // https://youtu.be/2XRQzR4y2yM?si=aiNeLhS3SXsU18HE&t=833
     // means when submit an assignment at the first time
     if (assignment.status === assignmentStatuses[0].status) {
@@ -103,11 +99,9 @@ const AssignmentView = () => {
       // https://youtu.be/K-ywr1I1mr0?si=nFWaN1mbJ8cKub_r&t=845
       .then((assignmentsResponse) => {
         let assignmentsData = assignmentsResponse.assignment;
-
-        console.log("BE response assignmentsData = " + assignmentsData);
-        console.log("BE response branch = " + assignmentsData.branch);
-        console.log("BE response githubUrl = " + assignmentsData.githubUrl);
-
+        // console.log("BE response assignmentsData = " + assignmentsData);
+        // console.log("BE response branch = " + assignmentsData.branch);
+        // console.log("BE response githubUrl = " + assignmentsData.githubUrl);
         if (assignmentsData.branch === null) {
           assignmentsData.branch = "";
         }
@@ -140,9 +134,6 @@ const AssignmentView = () => {
           )}
         </Col>
         <Col>
-          {/* <Badge pill bg="info" style={{ fontSize: "1.3em" }}>
-            {assignment.status}
-          </Badge> */}
           <div className="d-flex align-items-start">
             <StatusBadge text={assignment.status} />
           </div>
@@ -189,14 +180,6 @@ const AssignmentView = () => {
                     {assignmentEnum.assignmentNum}
                   </Dropdown.Item>
                 ))}
-
-                {/* <Dropdown.Item eventKey="1">Action</Dropdown.Item>
-                <Dropdown.Item eventKey="2">Another action</Dropdown.Item>
-                <Dropdown.Item eventKey="3" active>
-                  Active Item
-                </Dropdown.Item> */}
-                {/* <Dropdown.Divider />
-                <Dropdown.Item eventKey="4">Separated link</Dropdown.Item> */}
               </DropdownButton>
             </Col>
           </Form.Group>

springAssignmentSystem/frontend/frontend_app/src/CodeReviewAssignmentView/index.js

@@ -49,7 +49,6 @@ const CodeReviewerAssignmentView = () => {
 
     // https://youtu.be/2XRQzR4y2yM?si=aiNeLhS3SXsU18HE&t=833
     // means when submit an assignment at the first time
-
     // https://youtu.be/SOyfQCsOvO4?si=Eu1z9CWZO0c-e3Zq&t=816
 
     console.log(
@@ -101,9 +100,9 @@ const CodeReviewerAssignmentView = () => {
       .then((assignmentsResponse) => {
         let assignmentsData = assignmentsResponse.assignment;
 
-        console.log("BE response assignmentsData = " + assignmentsData);
-        console.log("BE response branch = " + assignmentsData.branch);
-        console.log("BE response githubUrl = " + assignmentsData.githubUrl);
+        // console.log("BE response assignmentsData = " + assignmentsData);
+        // console.log("BE response branch = " + assignmentsData.branch);
+        // console.log("BE response githubUrl = " + assignmentsData.githubUrl);
 
         if (assignmentsData.branch === null) {
           assignmentsData.branch = "";

springAssignmentSystem/frontend/frontend_app/src/CodeReviewerDashBoard/index.js

@@ -5,7 +5,6 @@ import React, { useEffect, useState } from "react";
 import { useLocalState } from "../util/useLocalStorage";
 import { Link } from "react-router-dom";
 import ajax from "../Services/fetchService";
-// import Card from "react-bootstrap/Card";
 import { Button, Card, Col, Row, Badge, Container } from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 import StatusBadge from "../StatusBadge";

springAssignmentSystem/frontend/frontend_app/src/Dashboard/index.js

@@ -5,7 +5,6 @@ import React, { useEffect, useState } from "react";
 import { useLocalState } from "../util/useLocalStorage";
 import { Link } from "react-router-dom";
 import ajax from "../Services/fetchService";
-// import Card from "react-bootstrap/Card";
 import { Button, Card, Col, Row, Badge } from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 import StatusBadge from "../StatusBadge";
@@ -40,20 +39,6 @@ const Dashboard = () => {
     console.log("createAssignment ...");
     // V2
     ajax("/api/assignments/", "POST", getJwt)
-      // V1
-      // fetch("/api/assignments/", {
-      //   headers: {
-      //     "Content-type": "application/json",
-      //     Authentication: `Bearer ${getJwt}`,
-      //   },
-      //   method: "POST",
-      //   body: JSON.stringify({ user: "admin-user" }),
-      // })
-      // .then((response) => {
-      //   if (response.status === 200) {
-      //     return response.json();
-      //   }
-      // })
       .then((assignment) => {
         console.log("BE response = " + assignment);
         // redirect to new assignment URL

springAssignmentSystem/frontend/frontend_app/src/Services/fetchService.js

@@ -1,5 +1,3 @@
-//import { useLocalState } from "../util/useLocalStorage";
-
 // https://youtu.be/w6YUDqKiT8I?si=fzulkygkBkmQOTDh&t=863
 
 function ajax(url, requestMethod, jwt, requestBody) {