mobile app phase 1

src/app/calendar/DayEvents.tsx

@@ -1,45 +1 @@
-"use client";
-
-import React from "react";
-import { format } from "date-fns";
-import { Event, Station } from "@/types";
-import EventCard from "@/app/event/EventCard";
-
-type DayEventsProps = {
-  events: Event[];
-  date: Date;
-  originStation: Station | null;
-  className?: string;
-};
-
-const DayEvents: React.FC<DayEventsProps> = ({ events, date, originStation, className = "" }) => {
-  const filteredEvents = events.filter((event) => {
-    const eventDate = new Date(event.eventTime);
-    return (
-      eventDate.getDate() === date.getDate() &&
-      eventDate.getMonth() === date.getMonth() &&
-      eventDate.getFullYear() === date.getFullYear()
-    );
-  });
-
-  if (filteredEvents.length === 0) {
-    return (
-      <div className={`text-center py-8 text-gray-500 dark:text-gray-400 ${className}`}>
-        <p>No events scheduled for {format(date, "MMMM d, yyyy")}</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className={`space-y-4 ${className}`}>
-      <h3 className="text-lg font-medium text-gray-900 dark:text-white">Events for {format(date, "MMMM d, yyyy")}</h3>
-      <div className="space-y-3">
-        {filteredEvents.map((event) => (
-          <EventCard key={event.id} event={event} originStation={originStation} />
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default DayEvents;
+../event/EventCard