SANC-80: Driver Trip List API Endpoint

src/app/_components/common/calendar/calendar-view.tsx

@@ -79,13 +79,15 @@ interface CalendarViewProps {
   currentDate?: Date;
   setIsDayView?: (isDayView: boolean) => void;
   includeButtons?: boolean;
+  onDateChangeFunction?: (...args: any[]) => void;
 }
 
 export default function CalendarView({
   bookings,
   currentDate,
   setIsDayView,
   includeButtons,
+  onDateChangeFunction,
 }: CalendarViewProps) {
   const events = useMemo(() => transformBookingsToEvents(bookings ?? []), [bookings]);
   const calendarRef = useRef<FullCalendar>(null);
@@ -237,6 +239,14 @@ export default function CalendarView({
         firstDay={1}
         height={700}
         weekends={false}
+        datesSet={(date) => {
+          if (onDateChangeFunction) {
+            onDateChangeFunction({
+              startDate: date.startStr,
+              endDate: date.endStr,
+            });
+          }
+        }}
       />
     </Box>
   );

src/app/_components/drivercomponents/driver-dashboard.module.scss

@@ -0,0 +1,4 @@
+.hiddenCalendar {
+  visibility: hidden;
+  position: fixed;
+}

src/app/_components/drivercomponents/driver-dashboard.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { useState } from "react";
+import { api } from "@/trpc/react";
+import type { Booking } from "@/types/types";
+import CalendarView from "../common/calendar/calendar-view";
+import LoadingScreen from "../common/loadingscreen";
+import styles from "./driver-dashboard.module.scss";
+
+type CalendarDates = {
+  startDate: string;
+  endDate: string;
+};
+
+export const DriverDashboard = () => {
+  const [dateJSON, setDateJSON] = useState<CalendarDates>({
+    startDate: "",
+    endDate: "",
+  });
+
+  let driverTrips = [{}] as Booking[];
+
+  const tripQuery = api.bookings.getDriverTrip.useQuery(
+    {
+      startDate: dateJSON.startDate,
+      endDate: dateJSON.endDate,
+    },
+    { enabled: dateJSON.startDate !== "" && dateJSON.endDate !== "" },
+  );
+
+  if (tripQuery.data) {
+    //Query returned data from endpoint call
+    driverTrips = tripQuery.data as Booking[];
+  }
+
+  return (
+    <>
+      {!tripQuery.data && <LoadingScreen message="Loading Trips..." />}
+
+      <div className={!tripQuery.data ? styles.hiddenCalendar : undefined}>
+        <CalendarView
+          bookings={driverTrips}
+          includeButtons={true}
+          onDateChangeFunction={setDateJSON}
+        />
+      </div>
+    </>
+  );
+};

src/app/driver/home/page.tsx

@@ -1,11 +1,9 @@
-import CalendarView from "@/app/_components/common/calendar/calendar-view";
-import { api } from "@/trpc/server";
+import { DriverDashboard } from "@/app/_components/drivercomponents/driver-dashboard";
 
 export default async function DriverHome() {
-  const initialBookings = await api.bookings.getAll();
   return (
     <main>
-      <CalendarView bookings={initialBookings} includeButtons={true}></CalendarView>
+      <DriverDashboard />
     </main>
   );
 }

src/server/api/routers/bookings.ts

@@ -4,7 +4,7 @@ import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";
 import { and, desc, eq, gte, lt, or } from "drizzle-orm";
 import { z } from "zod";
-import { BOOKING_STATUSES, BookingStatus } from "@/types/types";
+import { BOOKING_STATUSES, BookingStatus, Role } from "@/types/types";
 import { isoTimeRegex, isoTimeRegexFourDigitYears } from "@/types/validation";
 import { type BookingInsertType, bookings } from "../../db/booking-schema";
 import { createTRPCRouter, protectedProcedure } from "../trpc";
@@ -275,4 +275,63 @@ export const bookingsRouter = createTRPCRouter({
         .returning()
         .then((r) => r[0]);
     }),
+
+  getDriverTrip: protectedProcedure
+    .input(
+      z.object({
+        startDate: z.string(),
+        endDate: z.string(),
+      }),
+    )
+    .query(async ({ ctx, input }) => {
+      const user = await ctx.db.query.user.findFirst({
+        where: (user, { eq }) => eq(user.id, ctx.session.user.id),
+      });
+
+      if (!user) {
+        throw new TRPCError({
+          code: "NOT_FOUND",
+          message: "User not found in database",
+        });
+      }
+
+      if (user.role !== Role.DRIVER) {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "User is not a driver",
+        });
+      }
+
+      let startAndEndDateErrorMessage = "Invalid: ";
+
+      if (
+        !(isoTimeRegex.test(input.startDate) || isoTimeRegexFourDigitYears.test(input.startDate))
+      ) {
+        startAndEndDateErrorMessage = startAndEndDateErrorMessage + "Start Date ";
+      }
+
+      if (!(isoTimeRegex.test(input.endDate) || isoTimeRegexFourDigitYears.test(input.endDate))) {
+        startAndEndDateErrorMessage = startAndEndDateErrorMessage + "End Date ";
+      }
+
+      if (startAndEndDateErrorMessage !== "Invalid: ") {
+        //Either (or both) dates failed regex check
+        throw new TRPCError({
+          code: "BAD_REQUEST",
+          message: startAndEndDateErrorMessage,
+        });
+      }
+
+      return ctx.db
+        .select()
+        .from(bookings)
+        .where(
+          and(
+            eq(bookings.driverId, user.id),
+            gte(bookings.startTime, input.startDate),
+            lt(bookings.startTime, input.endDate),
+          ),
+        )
+        .orderBy(desc(bookings.createdAt));
+    }),
 });