From e7e4cd109fe9a44ea25b21ba2f0347efda40552e Mon Sep 17 00:00:00 2001
From: vidvidvid <weetopol@gmail.com>
Date: Mon, 1 Nov 2021 18:56:58 +0100
Subject: [PATCH] feat: get calendar data into the app

---
 .../web/components/Dashboard/Calendar.tsx     | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/packages/web/components/Dashboard/Calendar.tsx b/packages/web/components/Dashboard/Calendar.tsx
index 8a574d07..0d435747 100644
--- a/packages/web/components/Dashboard/Calendar.tsx
+++ b/packages/web/components/Dashboard/Calendar.tsx
@@ -18,7 +18,14 @@ import {
 import React, { useEffect, useState } from 'react';
 
 export const Calendar: React.FC = () => {
-  //   const [result, setResult] = useState([]);
+  const [events, setEvents] = useState<
+    {
+      title: string;
+      description: string;
+      start: number;
+      end: number;
+    }[]
+  >([]);
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
@@ -26,25 +33,22 @@ export const Calendar: React.FC = () => {
       try {
         setLoading(true);
 
-        // const settings = {
-        //   method: 'POST',
-        //   headers: {
-        //     Accept: 'application/json',
-        //     'Content-Type': 'application/json',
-        //   },
-        // };
-
-        // const cal_id = 'nih59ktgafmm64ed4qk6ue8vv4@group.calendar.google.com';
-
-        // const api_key = 'AIzaSyCdI6EdlH7x65i_CH7RmPl1AJ-UKarujQo';
-
-        // const fetchResponse = await fetch(
-        //   //   `https://www.googleapis.com/calendar/v3/calendars/${cal_id}/events?key=${api_key}`,
-        //   'https://www.googleapis.com/calendar/v3/calendars/nih59ktgafmm64ed4qk6ue8vv4@group.calendar.google.com/events/import',
-        //   settings,
-        // );
-        // const data = await fetchResponse.json();
-        // setResult(data);
+        const fetchResponse = await fetch(
+          'https://docs.google.com/spreadsheets/d/e/2PACX-1vQw-djV3Ay4Snvu6YzlhQbIMP7m0rTUXyJiYLMhuTo_CKHNMoI14mVB6-hw2JrmZLIz29_wBY4j4UhZ/pub?output=csv',
+        );
+        const data = await fetchResponse.text();
+        const preparedData = data
+          .replace(/(\n)/gm, '')
+          .split(/[\r]/)
+          .map((l) => l.split(','))
+          .map((event) => ({
+            title: event[0],
+            description: event[1],
+            start: Number(event[2]),
+            end: Number(event[3]),
+          }));
+        console.log('preparedData', preparedData);
+        setEvents(preparedData);
         setLoading(false);
       } catch (error) {
         setLoading(false);