Select session page (migrated changes)

prisma/schema.prisma

@@ -17,10 +17,11 @@ model Payment {
 }
 
 model GameSession {
-  id           String @id @default(auto()) @map("_id") @db.ObjectId
-  bookingClose String
-  bookingOpen  String
-  dateTime     String
+  id           String   @id @default(auto()) @map("_id") @db.ObjectId
+  bookingClose DateTime
+  bookingOpen  DateTime
+  startTime    DateTime
+  endTime      DateTime
   location     String
   maxUsers     Int
 }

src/app/api/gamesession/[id]/route.ts

@@ -0,0 +1,12 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/db";
+
+export const GET = async (req: NextRequest, params: { id: string }) => {
+  const session = prisma.gameSession.findUnique({
+    where: {
+      id: params.id,
+    },
+  });
+
+  return NextResponse.json(session);
+};

src/app/api/gamesession/current/route.ts

@@ -0,0 +1,20 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/db";
+
+/**
+ * Gets game sessions currently available for booking
+ */
+export const GET = async (req: NextRequest) => {
+  const sessions = await prisma.gameSession.findMany({
+    where: {
+      bookingClose: {
+        gte: new Date(),
+      },
+      bookingOpen: {
+        lte: new Date(),
+      },
+    },
+  });
+
+  return NextResponse.json(sessions);
+};

src/app/api/gamesession/route.ts

@@ -0,0 +1,85 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/db";
+import { Prisma } from "@prisma/client";
+import { gameSessionValidator } from "@/lib/validators";
+
+export const GET = async (request: NextRequest) => {
+  const sessions = await prisma.session.findMany();
+
+  return NextResponse.json({ data: sessions });
+};
+
+/**
+ * Creates a new game session
+ */
+export const POST = async (request: NextRequest) => {
+  const sessionBody = (await request.json()) as Omit<
+    Prisma.GameSessionGetPayload<{}>,
+    "id"
+  >;
+
+  const { success } = gameSessionValidator.safeParse(sessionBody);
+
+  if (!success) {
+    return NextResponse.json(
+      {
+        data: {},
+        msg: "failed, please include all required fields in response with the correct type",
+      },
+      {
+        status: 404,
+      },
+    );
+  }
+
+  const session = await prisma.gameSession.create({
+    data: { ...sessionBody },
+  });
+
+  return NextResponse.json({
+    data: session,
+    msg: "success",
+  });
+};
+
+export const PATCH = async (request: NextRequest) => {
+  const sessionId = request.nextUrl.searchParams.get("id");
+
+  if (!sessionId) {
+    return NextResponse.json(
+      { data: {}, msg: "No id provided in the request" },
+      { status: 404 },
+    );
+  }
+
+  const sessionBody = (await request.json()) as Omit<
+    Prisma.GameSessionGetPayload<{}>,
+    "id"
+  >;
+
+  const { success } = gameSessionValidator.safeParse(sessionBody);
+
+  if (!success) {
+    return NextResponse.json(
+      {
+        data: {},
+        msg: "failed, please include all required fields in response with the correct type",
+      },
+      {
+        status: 404,
+      },
+    );
+  }
+
+  const session = await prisma.gameSession.update({
+    where: {
+      id: sessionId,
+    },
+    data: { ...sessionBody },
+  });
+
+  return NextResponse.json({
+    data: session,
+    msg: "success",
+  });
+};

src/app/confirmation/page.tsx

@@ -4,7 +4,7 @@
 
 import ConfirmationIcon from "@/components/ConfirmationIcon/ConfirmationIcon";
 import ConfirmedSessionCard from "@/components/ConfirmedSessionCard/ConfirmedSessionCard";
-import { getSession } from "next-auth/react";
+import { getServerSession } from "next-auth/next";
 import Image from "next/image";
 import ConfirmationBannerSVG from "public/images/ConfirmationBannerSVG.svg";
 
@@ -33,7 +33,7 @@ export default async function ConfirmationPage() {
   // const {data} = useSession();
   // console.log(data)
 
-  const session = await getSession();
+  const session = await getServerSession();
   console.log(session);
 
   return (

src/app/globals.css

@@ -9,8 +9,26 @@ scroll-shadow {
   --scroll-shadow-bottom: linear-gradient(to bottom, transparent 0%, white 18px);
 }
 
+.scroll-fade {
+    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 18px, black calc(100% - 15px), transparent 100%); 
+    mask-image: linear-gradient(to top, transparent 0%, black 18px, black calc(100% - 15px), transparent 100%); 
+}
+
+.error-shake {
+  -webkit-animation: shake 0.16s 0s 3;
+  animation: shake 0.16s 0s 3;
+}
+
+
+@keyframes shake {
+  0% { -webkit-transform: translateX(0); transform: translateX(0); }
+  25% { -webkit-transform: translateX(8px); transform: translateX(8px); }
+  75% { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
+  100% { -webkit-transform: translateX(0); transform: translateX(0); }
+}
+
 /* TODO: Implement in tailwind */
 .controls::before {
     width: var(--highlight-width);
     transform: translateX(var(--highlight-x-pos));
-}
+}