From 5660b6c648c290e251fc8c6e76f0a24be22baf23 Mon Sep 17 00:00:00 2001
From: lengocnu8497 <lengocnu8497.kl@gmail.com>
Date: Wed, 4 Nov 2020 16:05:12 -0800
Subject: [PATCH 1/2] try fetch

---
 server/client/src/components/TaskBoard/TaskBoard.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/server/client/src/components/TaskBoard/TaskBoard.js b/server/client/src/components/TaskBoard/TaskBoard.js
index eec75d5..78d516a 100644
--- a/server/client/src/components/TaskBoard/TaskBoard.js
+++ b/server/client/src/components/TaskBoard/TaskBoard.js
@@ -8,6 +8,7 @@ import store from "../store";
 import "../../styles/TaskBoard.css";
 
 const TaskBoard = () => {
+    // fetch here
     return (
         <Provider store={store}>
             <Board />

From e5964f65aa4f91b2e06104558852f3f9d81538c8 Mon Sep 17 00:00:00 2001
From: lengocnu8497 <lengocnu8497.kl@gmail.com>
Date: Wed, 4 Nov 2020 22:06:58 -0800
Subject: [PATCH 2/2] look in Board.js for fetch example

---
 .../client/src/components/TaskBoard/Board.js  | 28 +++++++++++++++----
 .../src/components/TaskBoard/TaskBoard.js     |  2 +-
 .../server/controllers/HomeController.java    |  2 +-
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/server/client/src/components/TaskBoard/Board.js b/server/client/src/components/TaskBoard/Board.js
index 79c63fe..f22c06b 100644
--- a/server/client/src/components/TaskBoard/Board.js
+++ b/server/client/src/components/TaskBoard/Board.js
@@ -1,17 +1,35 @@
 import "../../styles/Board.css";
 
-import React, { Component } from "react";
+import React, { useState , useEffect } from "react";
 import Activities from "./Activities";
 
-class Board extends Component {
-  render() {
+const Board = () => {
+    // fetch here
+   const [response, setResponse] = useState();
+
+   useEffect(() => {
+       fetch("http://localhost:8080/api/home", {
+           method: 'GET',
+           headers: {
+               'Content-Type' : 'application/json',
+               'Authorization' : 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJudSIsImV4cCI6MTYwNDk3MTM1MSwiaWF0IjoxNjA0MzY2NTUxfQ.IjpsOacMSc_6FKOsJhPEcY64H_RfmppoEn7UK4fmPXGQcthA5I4LqFUr4tXBqBxkdNf8B1xMezV-sQMT_c0n7A',
+           }
+       })
+       .then(resp => resp.text())
+       .then(text => setResponse(text))
+       .then(text => console.log(text))
+       .catch(err => console.log(err))
+   }, []) 
+
+  
+
+
     return (
       <div className="Board">
-        {/* <div className="Header">Task Board</div> */}
+        <div className="Header"> {response}</div>
         <Activities />
       </div>
     );
-  }
 }
 
 export default Board;
\ No newline at end of file
diff --git a/server/client/src/components/TaskBoard/TaskBoard.js b/server/client/src/components/TaskBoard/TaskBoard.js
index 78d516a..e3da8d7 100644
--- a/server/client/src/components/TaskBoard/TaskBoard.js
+++ b/server/client/src/components/TaskBoard/TaskBoard.js
@@ -8,7 +8,7 @@ import store from "../store";
 import "../../styles/TaskBoard.css";
 
 const TaskBoard = () => {
-    // fetch here
+
     return (
         <Provider store={store}>
             <Board />
diff --git a/server/src/main/java/com/potatosantaa/server/controllers/HomeController.java b/server/src/main/java/com/potatosantaa/server/controllers/HomeController.java
index 98f5ad3..a163464 100644
--- a/server/src/main/java/com/potatosantaa/server/controllers/HomeController.java
+++ b/server/src/main/java/com/potatosantaa/server/controllers/HomeController.java
@@ -20,7 +20,7 @@ public class HomeController {
 
     @GetMapping("/home")
     public String getHome() {
-        return "Testing controller";
+        return "Testing controller"; 
     }
 
     @GetMapping("/indeed")