fix: Incorrect Times/Timezones when fetching events from the Community calendar

Author: techmannih

pages/index.page.tsx

@@ -83,8 +83,8 @@ function printEventsForNextWeeks(icalData: { [x: string]: any }) {
   }
 
   // Calculate the range of dates for the next 12 weeks from today
-  const today = moment().startOf('day');
-  const nextFourWeeksEnd = moment().add(12, 'weeks').endOf('day');
+  const today = moment.utc().startOf('day'); // Use UTC for today
+  const nextFourWeeksEnd = moment.utc().add(12, 'weeks').endOf('day'); // Use UTC for the end date
 
   // Loop through the events in the iCal data
   for (const k in icalData) {
@@ -93,39 +93,20 @@ function printEventsForNextWeeks(icalData: { [x: string]: any }) {
     if (event.type === 'VEVENT') {
       const title = event.summary;
 
-      const timezoneL = moment.tz.guess(); // Default to UTC if timezone information is not provided
-      const startDate = moment.tz(event.start, timezoneL);
+      // Parse the start date in UTC
+      const startDate = moment.utc(event.start);
 
-      // Complicated case - if an RRULE exists, handle multiple recurrences of the event.
-      if (event.rrule !== undefined) {
-        // For recurring events, get the set of event start dates that fall within the range
-        // of dates we're looking for.
-        const dates = event.rrule.between(
-          today.toDate(),
-          nextFourWeeksEnd.toDate(),
-          true,
-        );
+      // Complicated case - if an RRULE exists, handle multiple recurrences of the event
+      if (event.rrule) {
+        const dates = event.rrule.between(today.toDate(), nextFourWeeksEnd.toDate(), true);
 
-        // Loop through the set of date entries to see which recurrences should be printed.
+        // Loop through the set of date entries
         for (const date of dates) {
-          const startDate = moment.tz(date, timezoneL);
+          const startDate = moment.utc(date); // Use UTC directly
 
-          // Check if the event falls within the next 4 weeks from today
+          // Check if the event falls within the next 12 weeks
           if (startDate.isBetween(today, nextFourWeeksEnd, undefined, '[]')) {
-            const dateTimezone = moment.tz.zone(event.start.tz);
-            const localTimezone = moment.tz.guess();
-            const tz =
-              event.rrule.origOptions.tzid === localTimezone
-                ? event.rrule.origOptions.tzid
-                : localTimezone;
-            const timezone = moment.tz.zone(tz);
-            let offset;
-            if (timezone && dateTimezone)
-              offset = timezone.utcOffset(date) - dateTimezone.utcOffset(date);
-            const newDate = moment(date).add(offset, 'minutes').toDate();
-
-            const start = moment(newDate);
-            const utcDate = start.utc();
+            const utcDate = startDate.subtract(5.5,'hours'); // Already in UTC
 
             const time = utcDate.format('MMMM Do YYYY, h:mm a');
             const day = utcDate.format('D');
@@ -140,13 +121,13 @@ function printEventsForNextWeeks(icalData: { [x: string]: any }) {
           }
         }
       } else {
-        // Simple case - no recurrences, just print out the calendar event.
+        // Simple case - no recurrences
         if (startDate.isBetween(today, nextFourWeeksEnd, undefined, '[]')) {
-          const utcDate = startDate.utc();
+          const utcDate = startDate.subtract(5.5,'hours'); // Already in UTC
 
           const time = utcDate.format('MMMM Do YYYY, h:mm a');
           const day = utcDate.format('D');
-          const parsedStartDate = startDate.format('YYYY-MM-DD HH:mm:ss');
+          const parsedStartDate = utcDate.format('YYYY-MM-DD HH:mm:ss');
           arrayDates.push({
             title,
             time,
@@ -159,11 +140,8 @@ function printEventsForNextWeeks(icalData: { [x: string]: any }) {
     }
   }
 
-  arrayDates.sort(
-    (x, y) =>
-      new Date(x.parsedStartDate).getTime() -
-      new Date(y.parsedStartDate).getTime(),
-  );
+  // Sort the array based on parsedStartDate
+  arrayDates.sort((x, y) => new Date(x.parsedStartDate).getTime() - new Date(y.parsedStartDate).getTime());
 
   return arrayDates;
 }