Changeset 8ca35dc for my-react-app/src/components/ReservationConfirmation.js

Timestamp:

01/19/25 23:18:37 (4 months ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

f5b256e

Parents:

db39d9e

Message:

Done with stupid timeslots

File:

• my-react-app/src/components/ReservationConfirmation.js (modified) (3 diffs)

my-react-app/src/components/ReservationConfirmation.js

@@ -3 +3 @@
 import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
+import {jwtDecode} from "jwt-decode";
 
 const ReservationConfirmation = () => {
@@ -17 +18 @@
         const fetchTableDetails = async () => {
             try {
-                const tableResponse = await axios.get(`http://localhost:8080/api/tables/${tableNumber}`);
+                const tableResponse = await axios.get(`http://localhost:8081/api/tables/${tableNumber}`);
                 setTable(tableResponse.data);
 
-                const restaurantResponse = await axios.get(`http://localhost:8080/api/restaurants/${restaurantId}`);
+                const restaurantResponse = await axios.get(`http://localhost:8081/api/restaurants/${restaurantId}`);
                 setRestaurant(restaurantResponse.data);
             } catch (error) {
@@ -31 +32 @@
     const handleSubmit = async (e) => {
         e.preventDefault();
-        // Handle form submission here
+
+        if (!restaurant || !table) {
+            console.error("Restaurant or table is missing.");
+            return;
+        }
+
         try {
-            // Check if restaurant and table are valid
-            if (!restaurant || !table) {
-                console.error("Restaurant or table is missing.");
+            const token = localStorage.getItem("token");
+            if (!token) {
+                console.error("No token found");
                 return;
             }
 
-            const response = await axios.post(`http://localhost:8080/api/reservations`, {
-                restaurant: restaurant, // Assuming restaurant has an 'id' property
-                table: table, // Assuming table has an 'id' property
-                checkInTime: timeSlot, // Fill in as needed
-                partySize: partySize,
-                specialRequests: specialRequests
-            });
-            // Handle successful reservation creation
-            // console.log("Reservation created:", response.data);
-            navigate("/reservations")
+            // Decode the token to get the user email
+            const decodedToken = jwtDecode(token);
+            console.log(decodedToken)
+            const userId = decodedToken.iss;// Assuming the email is part of the decoded JWT token
+
+            const response = await axios.post(
+                `http://localhost:8081/api/reservations/${userId}`,
+                {
+                    restaurant: restaurant,
+                    table: table,
+                    checkInTime: timeSlot,
+                    partySize: partySize,
+                    specialRequests: specialRequests
+                },
+                {
+                    headers: {
+                        Authorization: `Bearer ${token}` // Include the token here
+                    }
+                }
+            );
+
+            navigate("/reservations");
         } catch (error) {
             console.error("Error creating reservation:", error);