Changeset b67dfd3 for my-react-app


Ignore:
Timestamp:
05/06/25 00:44:02 (12 days ago)
Author:
Aleksandar Panovski <apano77@…>
Branches:
main
Children:
e48199a
Parents:
142c0f8
Message:

Normalization needed to continue, till here done

Location:
my-react-app/src
Files:
5 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • my-react-app/src/App.js

    r142c0f8 rb67dfd3  
    11import {BrowserRouter as Router, Navigate, Route, Routes, useNavigate} from 'react-router-dom';
    22
    3 import Customers from './components/Customers';
    43import Layout from "./components/Layout";
    54import React, {useContext, useEffect, useState} from 'react';
    6 import CustomerFormContainer from "./components/CustomerFormContainer";
    7 import CustomerDetails from "./components/CustomerDetails";
    85import ErrorPage from "./components/ErrorPage";
    96import Restaurants from "./components/Restaurants";
    … …  
    4138                <Routes>
    4239                    <Route path="/" element={<Home />} />
    43                     <Route path="/customers" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<Customers />} />} />
    44                     <Route path="/customers/add" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<CustomerFormContainer />} />} />
    45                     <Route path="/customers/:id" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<CustomerDetails />} />} />
    46                     <Route path="/customers/edit/:id" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<CustomerFormContainer />} />} />
    4740                    <Route path="/restaurants" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<Restaurants />} />} />
    4841                    <Route path="/restaurants/:id" element={<ProtectedRoute isAuthenticated={isAuthenticated} element={<RestaurantDetails />} />} />

  • my-react-app/src/components/MenuList.js

    r142c0f8 rb67dfd3  
    1515            const exists = prevItems.find(i => i.id === item.id);
    1616            if (exists) {
    17                 return prevItems.filter(i => i.id !== item.id); // remove
     17                return prevItems.filter(i => i.id !== item.id);
    1818            } else {
    19                 return [...prevItems, item]; // add
     19                return [...prevItems, item];
    2020            }
    2121        });

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

    r142c0f8 rb67dfd3  
    2727                const tableResponse = await axios.get(`http://localhost:8081/api/tables/${tableNumber}`);
    2828                setTable(tableResponse.data);
    29 
     29                console.log(tableResponse.data)
    3030                const restaurantResponse = await axios.get(`http://localhost:8081/api/restaurants/${restaurantId}`);
    3131                setRestaurant(restaurantResponse.data);
    … …  
    6363            paymentStatus: 'Pending',
    6464            preOrderedItems: preOrderedItems.map(item => ({
    65                 name: item.itemName,
     65                preorderedItemName: item.itemName,
    6666                quantity: item.quantity,
    6767                price: item.price
    6868            }))
    6969        };
    70         console.log(payload)
    7170
    7271
    7372        try {
    74             console.log(payload)
    7573            const response = await axios.post('http://localhost:8081/api/reservations', payload, {
    7674                headers: {

  • my-react-app/src/components/Reservations.js

    r142c0f8 rb67dfd3  
    101101                                                {reservation.preOrderedItems.map((item, index) => (
    102102                                                    <li key={index} className="list-group-item d-flex justify-content-between align-items-center">
    103                                                         <span><strong>{item.name}</strong> × {item.quantity}</span>
     103                                                        <span><strong>{item?.preorderedItemName}</strong> × {item.quantity}</span>
    104104                                                        <span className="badge bg-success rounded-pill">${(item.price * item.quantity).toFixed(2)}</span>
    105105                                                    </li>

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

    r142c0f8 rb67dfd3  
    112112    };
    113113
     114    console.log(preOrderedItems)
    114115
    115116    const roundToNext15Minutes = (date) => {

  • my-react-app/src/index.js

    r142c0f8 rb67dfd3  
    55import { CuisineProvider } from './components/CuisineContext';
    66import {RestaurantProvider} from "./components/RestaurantContext";
    7 import {CustomerProvider} from "./components/CustomerContext";
    87
    98const root = ReactDOM.createRoot(document.getElementById('root'));
    … …  
    1211        <CuisineProvider>
    1312            <RestaurantProvider>
    14                 <CustomerProvider>
    1513                    <App />
    16                 </CustomerProvider>
    1714            </RestaurantProvider>
    1815        </CuisineProvider>
Note: See TracChangeset for help on using the changeset viewer.