From 243e43dbccbf9955eba33b4d726e4d0a5483914f Mon Sep 17 00:00:00 2001
From: sosokker <sirin_29@hotmail.co.th>
Date: Thu, 30 Nov 2023 07:12:54 +0700
Subject: [PATCH] Google button work

---
 .../src/components/calendar/TaskDataHandler.jsx     |  1 +
 frontend/src/components/calendar/calendar.jsx       | 13 +++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/calendar/TaskDataHandler.jsx b/frontend/src/components/calendar/TaskDataHandler.jsx
index 793ca4b..9e06f62 100644
--- a/frontend/src/components/calendar/TaskDataHandler.jsx
+++ b/frontend/src/components/calendar/TaskDataHandler.jsx
@@ -1,4 +1,5 @@
 import { readTodoTasks } from "src/api/TaskApi";
+import { axiosInstance } from "src/api/AxiosConfig";
 
 let eventGuid = 0;
 
diff --git a/frontend/src/components/calendar/calendar.jsx b/frontend/src/components/calendar/calendar.jsx
index c03637a..17327c0 100644
--- a/frontend/src/components/calendar/calendar.jsx
+++ b/frontend/src/components/calendar/calendar.jsx
@@ -13,6 +13,14 @@ export class Calendar extends React.Component {
     currentEvents: [],
   };
 
+  async handleGoogleClick() {
+    try {
+      const response = await axiosInstance.get("calendar-events/");
+    } catch (error) {
+      console.error("Error fetching data from Google:", error);
+    }
+  }
+
   render() {
     return (
       <div className="flex font-sans w-full h-screen">
@@ -47,10 +55,7 @@ export class Calendar extends React.Component {
       <div className="w-72 bg-blue-100 border-r border-blue-200 p-8 flex flex-col">
         {/* Description Zone */}
         <div className="mb-8">
-          <h2 className="text-xl font-bold">Instructions</h2>
           <ul className="list-disc pl-4">
-            <li>Select dates and you will be prompted to create a new event</li>
-            <li>Drag, drop, and resize events</li>
             <li>Click an event to delete it</li>
           </ul>
         </div>
@@ -66,7 +71,7 @@ export class Calendar extends React.Component {
             />
             Toggle weekends
           </label>
-          <button className="btn btn-info" onClick={() => alert("Commit soon🥺")}>
+          <button className="btn btn-info" onClick={() => this.handleGoogleClick()}>
             Load Data from Google
           </button>
         </div>