feat: add to google calendar

src/components/planner/Schedule.tsx

@@ -15,6 +15,7 @@ import { ThemeContext } from '../../contexts/ThemeContext'
 import MultipleOptionsContext from '../../contexts/MultipleOptionsContext'
 
 import ConflictsContext from '../../contexts/ConflictsContext'
+import DownloadSchedule from './schedule/DownloadSchedule'
 
 const dayValues = Array.from({ length: 6 }, (_, i) => i)
 const hourValues = Array.from({ length: maxHour - minHour + 1 }, (_, i) => minHour + i)
@@ -142,6 +143,7 @@ const Schedule = ({
             <div className="flex flex-row gap-x-2">
               <ToggleScheduleGrid showGridHook={[showGrid, setShowGrid]} />
               <PrintSchedule component={scheduleRef} optionName={currentOptionName} />
+              <DownloadSchedule classes={classes}/>
             </div>
           </div>
         </div>

src/components/planner/schedule/DownloadSchedule.tsx

@@ -0,0 +1,81 @@
+import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
+import { ClassDescriptor } from "../../../@types";
+import { Button } from "../../ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../ui/tooltip";
+
+type Props = {classes: ClassDescriptor[]}
+
+const DownloadSchedule = ({classes} : Props) => {
+    const downloadIcs = () => {
+        let icsContent = 'BEGIN:VCALENDAR\nVERSION:2.0\nPRODID:-//TTS//TTS Schedule//EN\n'
+
+        const now = new Date()
+        const currentDay = now.getDay()
+
+        classes.forEach((cls) => {
+            const {courseInfo, classInfo} = cls
+            classInfo.slots.forEach((slot) => {
+
+                const jsTargetDay = (slot.day + 1) % 7
+
+                const daysUntil = (jsTargetDay - currentDay + 7) % 7
+                const nextDate = new Date(now)
+                nextDate.setDate(now.getDate() + daysUntil)
+
+                const startHour = Math.floor(slot.start_time)
+                const startMinute = Math.floor((slot.start_time - startHour) * 60)
+
+                const endTime = slot.start_time + slot.duration
+                const endHour = Math.floor(endTime)
+                const endMinute = Math.round((endTime - endHour) * 60)
+
+                const startDate = new Date(nextDate)
+                startDate.setHours(startHour, startMinute, 0, 0)
+                const endDate = new Date(nextDate)
+                endDate.setHours(endHour, endMinute, 0, 0)
+
+                // YYYYMMDDTHHMMSS
+                const formatDate = (date: Date) => {
+                    const pad = (n: number) => n < 10 ? '0' + n : n
+                    return `${date.getFullYear()}${pad(date.getMonth() + 1)}${pad(date.getDate())}T${pad(date.getHours())}${pad(date.getMinutes())}${pad(date.getSeconds())}`
+                }
+
+                icsContent += 'BEGIN:VEVENT\n'
+                icsContent += `SUMMARY:${courseInfo.acronym} - ${slot.lesson_type}\n`  
+                icsContent += `LOCATION:${slot.location}\n`
+                icsContent += `DTSTART:${formatDate(startDate)}\n`
+                icsContent += `DTEND:${formatDate(endDate)}\n`
+                icsContent += 'RRULE:FREQ=WEEKLY\n'
+                icsContent += 'END:VEVENT\n'
+
+            })
+        })
+        icsContent += 'END:VCALENDAR'
+
+        const blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' })
+    const url = window.URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.setAttribute('download', 'horario_tts.ics')
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+  }
+
+  return (
+    <TooltipProvider delayDuration={300}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button variant="icon" className="bg-lightish text-black dark:bg-darkish dark:text-white" onClick={downloadIcs}>
+            <ArrowDownTrayIcon className="h-5 w-5" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>Descarregar Horário</p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  )
+}
+
+export default DownloadSchedule;