fix: group events by America/Los_Angeles day

apps/site/package.json

@@ -17,6 +17,7 @@
  "@types/react": "18.2.20",
  "@types/react-dom": "^18.2.0",
  "bootstrap": "^5.3.1",
+ "dayjs": "^1.11.10",
  "eslint": "8.46.0",
  "eslint-config-next": "^13.4.1",
  "framer-motion": "^10.16.4",

apps/site/src/lib/day.ts

@@ -0,0 +1,8 @@
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
+
+export default dayjs;

apps/site/src/views/Schedule/getSchedule.ts

@@ -2,6 +2,7 @@ import { z } from "zod";
 import { cache } from "react";
 import { client } from "@/lib/sanity/client";
 import { SanityDocument } from "@/lib/sanity/types";
+import dayjs from "@/lib/day";
 
 const Events = z.array(
  SanityDocument.extend({
@@ -49,10 +50,12 @@ export const getSchedule = cache(async () => {
  const eventsByDay = new Map<string, z.infer<typeof Events>>();
 
  events.forEach((event) => {
- eventsByDay.set(event.startTime.toLocaleDateString(), [
- ...(eventsByDay.get(event.startTime.toLocaleDateString()) ?? []),
- event,
- ]);
+ const date = dayjs
+ .utc(event.startTime)
+ .tz("America/Los_Angeles")
+ .format("YYYY-MM-DD");
+
+ eventsByDay.set(date, [...(eventsByDay.get(date) ?? []), event]);
  });
 
  return Array.from(eventsByDay.values());