Merge pull request #24 from lugvitc/main

Hotfix unhandled undefined in SlotSelect

package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview --port 5173"
   },
   "dependencies": {
     "@react-three/fiber": "^8.16.8",

src/pages/book.tsx

@@ -34,6 +34,11 @@ function SlotSelect({ap, rawSlots}: {ap: App, rawSlots: Slot[]}) {
 
     if (ap.slot !== null) {
         const k = rawSlots.find((sl) => sl.id === ap.slot)
+        if(k === undefined){
+            return (
+                <div>Something went wrong, please go back to the home page and then click "book" on the top right</div>
+            )
+        }
         return (
             <div>Your slot has been booked for <span className="italic">{k!.timing}</span></div>
         )