Changeset 65b6638 for my-react-app/src/App.js

Timestamp:

02/28/24 18:44:19 (15 months ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

75f5086

Parents:

d24f17c

Message:

RetaurantServiceImpl problemi
isAvailable od tableEntity...

File:

• my-react-app/src/App.js (modified) (5 diffs)

my-react-app/src/App.js

@@ -11 +11 @@
 import ReservationConfirmation from "./components/ReservationConfirmation";
 import ReservationEdit from "./components/ReservationEdit";
+import axios from "axios";
 
 const App = () => {
@@ -50 +51 @@
             const isToday = selectedDate.toDateString() === today.toDateString();
 
-            const startHour = isToday ? today.getHours() : 9;
-            const startMinute = isToday ? Math.ceil(today.getMinutes() / 15) * 15 : 0;
+            // Determine the start hour and minute
+            let startHour = 9;
+            let startMinute = 0;
+            if (isToday) {
+                const currentHour = today.getHours();
+                const currentMinute = today.getMinutes();
+                // If current time is later than 09:00, start from the current hour and minute
+                if (currentHour > 9 || (currentHour === 9 && currentMinute >= 0)) {
+                    startHour = currentHour;
+                    startMinute = Math.ceil(currentMinute / 15) * 15;
+                }
+            }
 
-            let currentTime = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), startHour, startMinute);
+            // Create the start time and end time
+            const startTime = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), startHour, startMinute);
             const endTime = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), 23, 30);
 
+            // Generate time slots from start time to end time in 15-minute intervals
             const slots = [];
+            let currentTime = new Date(startTime);
             while (currentTime <= endTime) {
                 const option = currentTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
@@ -63 +77 @@
             }
 
+            // Update the timeSlots state
             setTimeSlots(slots);
         }
     }, [date]);
+
 
     const handleDateChange = (e) => {
@@ -83 +99 @@
     };
 
-    const handleSubmit = (e) => {
+    const handleSubmit = async (e) => {
         e.preventDefault();
-        console.log(date);
-        console.log(selectedTime);
-        console.log(numPeople);
-        console.log(searchValue);
+        const [year, month, day] = date.split("-");
+
+        let formattedDateTime;
+        const [selectedHours, selectedMinutes] = selectedTime.split(":");
+        // Check if selectedHours and selectedMinutes are valid numbers
+        if (!isNaN(selectedHours) && !isNaN(selectedMinutes)) {
+            const dateTime = new Date(Date.UTC(year, month - 1, day, selectedHours, selectedMinutes));
+            formattedDateTime = dateTime.toISOString().slice(0, 16).replace('T', ' ');
+        } else {
+            // Default values if selectedTime is not valid
+            const now = new Date();
+            let defaultTime;
+            if (now.getHours() >= 9 && now.getHours() <= 23) {
+                defaultTime = now;
+            } else {
+                defaultTime = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 9, 0); // Set to 09:00 if current time is before 09:00
+            }
+            const dateTime = new Date(Date.UTC(year, month - 1, day, defaultTime.getHours(), defaultTime.getMinutes()));
+            formattedDateTime = dateTime.toISOString().slice(0, 16).replace('T', ' ');
+        }
+
+        const data = {
+            dateTime: formattedDateTime,
+            partySize: numPeople,
+            search: searchValue
+        };
+
+        console.log("pecatam data pod mene")
+        console.log(data)
+
+        try {
+            const response = await axios.post('http://localhost:8080/api/search', data);
+            const filteredRestaurants = response.data;
+            console.log(filteredRestaurants);
+            // Handle response accordingly
+        } catch (error) {
+            console.error('Error:', error);
+        }
     };
 
-    const today = new Date().toISOString().split('T')[0];
+
+
+// Rest of your component code...
+
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, '0');
+    const day = String(today.getDate()).padStart(2, '0');
+    const formattedDate = `${year}-${month}-${day}`;
+
 
     return (
@@ -100 +159 @@
                 <div className="col-auto">
                     <input className="form-control me-2" type="date" value={date} onChange={handleDateChange}
-                           min={today}/>
+                           min={formattedDate}/>
                 </div>
                 <div className="col-auto">