further typing improvements

pages/booking/[uuid].tsx

@@ -1,16 +1,15 @@
+import { GetServerSideProps } from 'next'
 import React, { useEffect, useState } from 'react'
-
-import { getBookingByUUIDAsJSON } from '../../db/index'
-
-import Header from '../../components/header'
 import Footer from '../../components/footer'
-
+import Header from '../../components/header'
+import { Booking } from '../../db/booking'
+import { BOOKING_STATUS } from '../../db/bookingStatus'
+import { getBookingByUUIDAsJSON } from '../../db/index'
 import { dateFormatFrontend } from '../../helpers/date'
 
-import { BOOKING_STATUS } from '../../db/bookingStatus'
-
-export async function getServerSideProps(context) {
-  const { uuid } = context.params
+export const getServerSideProps: GetServerSideProps = async (context) => {
+  const { uuids } = context.params
+  const uuid = Array.isArray(uuids) ? uuids[0] : uuids
   const booking = await getBookingByUUIDAsJSON(uuid)
   // TODO: hack, not sure why _id is not serilizable
   const bookingJSON = JSON.parse(JSON.stringify(booking))
@@ -19,7 +18,7 @@ export async function getServerSideProps(context) {
   }
 }
 
-function getBookingStatus(booking) {
+function getBookingStatus(booking: Booking) {
   switch (booking.status) {
     case BOOKING_STATUS.REQUESTED:
       return 'In Bearbeitung'
@@ -34,7 +33,7 @@ function getBookingStatus(booking) {
   }
 }
 
-async function cancelBooking(booking) {
+async function cancelBooking(booking: Booking) {
   const response = await fetch(`/api/booking/${booking.uuid}`, {
     method: 'PATCH',
     mode: 'cors',
@@ -49,7 +48,11 @@ async function cancelBooking(booking) {
   return response.json()
 }
 
-export default function Booking({ booking: bookingProp }) {
+export default function ShowBooking({
+  booking: bookingProp,
+}: {
+  booking: Booking
+}) {
   const [booking, setBooking] = useState(bookingProp)
 
   // in case the props change, update the internal state