Changeset e15e8d9 for my-react-app/src/components/RestaurantDetails.js

Timestamp:

04/30/25 18:24:41 (2 weeks ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

2518b3a

Parents:

deea3c4

Message:

menu feature done

File:

• my-react-app/src/components/RestaurantDetails.js (modified) (4 diffs)

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

@@ -5 +5 @@
 import { useParams } from 'react-router-dom';
 import StarRating from "./StarRating";
+import MenuList from "./MenuList";
 
 
@@ -10 +11 @@
     const navigate = useNavigate();
     const { id } = useParams();
+    const [preOrderedItems, setPreOrderedItems] = useState([]);
 
     const [restaurant, setRestaurant] = useState(null);
@@ -100 +102 @@
         const encodedRestaurantId = encodeURIComponent(restaurant.restaurantId);
 
-        navigate(`/reservationConfirmation/${encodedTableId}/${encodedDateTime}/${encodedRestaurantId}`);
-    };
+        const totalPrice = preOrderedItems.reduce((acc, item) => acc + item.price * item.quantity, 0).toFixed(2);
+
+        navigate(`/reservationConfirmation/${encodedTableId}/${encodedDateTime}/${encodedRestaurantId}`, {
+            state: {
+                preOrderedItems: preOrderedItems,
+                totalPrice: totalPrice,
+            }
+        });
+    };
+
 
     const roundToNext15Minutes = (date) => {
@@ -174 +184 @@
                             </>
                         )}
-
+                        <MenuList
+                            restaurantId={restaurant.restaurantId}
+                            setPreOrderedItems={setPreOrderedItems}
+                            preOrderedItems={preOrderedItems}
+                        />
                         <br />
                         <button
                             className="btn btn-primary"
                             onClick={handleReservationConfirmation}
-                            disabled={!selectedTableId || !selectedDate || !selectedTime}
-                        >
+                            disabled={!selectedTableId || !selectedDate || !selectedTime}>
                             Confirm Reservation
                         </button>