Changeset 8ca35dc for my-react-app/src/components/ReservationEdit.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/ReservationEdit.js (modified) (6 diffs)

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

@@ -3 +3 @@
 import {useNavigate, useParams} from 'react-router-dom';
 import StarRating from "./StarRating";
+import {jwtDecode} from "jwt-decode";
 
 const ReservationEdit = () => {
@@ -14 +15 @@
     const [timeSlots, setTimeSlots] = useState([]);
     const [filteredTimeSlots, setFilteredTimeSlots] = useState([]);
+    const [checkInTime, setCheckInTime] = useState([]);
 
     useEffect(() => {
@@ -19 +21 @@
             try {
                 setIsLoading(true);
-                const response = await axios.get(`http://localhost:8080/api/reservations/${reservationId}`);
-                setFormData(response.data); // Set form data with reservation data
+                const response = await axios.get(`http://localhost:8081/api/reservations/${reservationId}`);
+                setCheckInTime(response.data.checkInTime)
+                setFormData(response.data);
                 setTable(response.data.table);
                 setRestaurant(response.data.restaurant);
@@ -56 +59 @@
     const handleSubmit = async (e) => {
         e.preventDefault();
+
         try {
-            // Send updated reservation data to the server
-            await axios.post(`http://localhost:8080/api/reservations/${reservationId}`, formData);
-            // Redirect or show success message
+            const token = localStorage.getItem("token");
+            if (!token) {
+                console.error("No token found");
+                return;
+            }
+
+            const decodedToken = jwtDecode(token);
+            console.log(decodedToken)
+            const userId = decodedToken.iss;
+
+            await axios.post(`http://localhost:8081/api/reservations/${reservationId}/${userId}`, formData);
+
             navigate(`/reservations`)
         } catch (error) {
@@ -71 +84 @@
         const formattedTime = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
         return `${formattedDate} - ${formattedTime}`;
+    };
+
+    const formatCurrentTimeSlot = (timeSlot) => {
+        const date = new Date(timeSlot);
+        const formattedDate = date.toLocaleDateString('en-GB'); // Format date as YYYY-MM-DD
+        const formattedTime = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); // Format time as HH:MM
+        return `${formattedDate} ${formattedTime}`;
     };
 
@@ -100 +120 @@
                                 ))}
                             </select>
+                            <label className=".text-danger">Current check in time: {formatTimeSlot(checkInTime)}</label>
                         </div>
                         <div className="mb-3">