\n {Object.entries(groupedSchedules).map(([date, schedules]) => (\n

{moment(date).format(\"MMMM D, YYYY\")}

\n {schedules.map((schedule, index) => )}\n

\n ))}\n

\n );\n };\n\n const ScheduleItem = ({ schedule }) => {\n return (\n

{schedule.surfer.email}

\n Shift: {moment(schedule.interval.start).format(\"HH:mm\")} - {moment(schedule.interval.end).format(\"HH:mm\")}\n

\n {schedule.taskSchedule?.length > 0\n ? (\n

\n {task.task.name}\n \n {moment(task.interval.start).format(\"HH:mm\")} - {moment(task.interval.end).format(\"HH:mm\")}\n \n

\n )\n :

No tasks scheduled

}\n

\n );\n };\n\n function groupSchedulesByDate(schedules) {\n return schedules.reduce((acc, schedule) => {\n const date = schedule.interval.start.split(\"T\")[0];\n if (!acc[date]) {\n acc[date] = [];\n }\n acc[date].push(schedule);\n return acc;\n }, {});\n }\n\n // ============= Styles =================\n const styles = {\n container: {\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"1200px\",\n margin: \"0 auto\",\n padding: \"20px\",\n backgroundColor: \"#f5f5f5\",\n },\n dateGroup: {\n marginBottom: \"30px\",\n },\n dateHeader: {\n color: \"#333\",\n borderBottom: \"2px solid #3498db\",\n paddingBottom: \"10px\",\n marginBottom: \"20px\",\n },\n scheduleGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(300px, 1fr))\",\n gap: \"20px\",\n },\n scheduleItem: {\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n padding: \"20px\",\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\n transition: \"transform 0.2s ease-in-out\",\n \":hover\": {\n transform: \"translateY(-5px)\",\n },\n },\n surferEmail: {\n color: \"#3498db\",\n marginTop: \"0\",\n marginBottom: \"10px\",\n fontSize: \"1.2em\",\n },\n shiftTime: {\n fontWeight: \"bold\",\n color: \"#555\",\n marginBottom: \"15px\",\n },\n taskList: {\n listStyleType: \"none\",\n padding: \"0\",\n margin: \"0\",\n },\n taskItem: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"8px 0\",\n borderBottom: \"1px solid #eee\",\n },\n taskName: {\n color: \"#333\",\n fontWeight: \"bold\",\n },\n taskTime: {\n color: \"#777\",\n fontSize: \"0.9em\",\n },\n noTasks: {\n color: \"#777\",\n fontStyle: \"italic\",\n },\n };\n\n // ============= Final Response =================\n return new Response(\n renderToString(\n \n \n

24 Hour Schedule for Teamsurfboard Staging:

\n \n

\n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}",["D",1724916348470],"version",47,"currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","@jsxImportSource npm:react","latestEvaluation","slug","keenanzucker/stagingdailyschedule","versions",[161,165,169,173,177,181,185,189,193,197],{"_98":162,"_143":144,"_163":164},["D",1724916348470],"n","1",{"_98":166,"_143":167,"_163":168},["D",1724916325346],46,"2",{"_98":170,"_143":171,"_163":172},["D",1721909854809],45,"3",{"_98":174,"_143":175,"_163":176},["D",1721898183555],44,"4",{"_98":178,"_143":179,"_163":180},["D",1721898041225],43,"5",{"_98":182,"_143":183,"_163":184},["D",1721898018034],42,"6",{"_98":186,"_143":187,"_163":188},["D",1721898003338],41,"7",{"_98":190,"_143":191,"_163":192},["D",1721897971692],40,"8",{"_98":194,"_143":195,"_163":196},["D",1721897881061],39,"9",{"_98":198,"_143":199,"_163":200},["D",1721832034861],38,"10","hasNext","filters",{"_204":205,"_206":207,"_132":133},"sort","newest","type","all","routes/_app","actionData","errors"]