Changeset c63036a for my-react-app

Timestamp:

03/03/24 11:00:39 (15 months ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

9293100

Parents:

cfc16a3

Message:

RetaurantServiceImpl problemi
isAvailable od tableEntity...

Location:

my-react-app/src

Files:

• components/CustomerContext.js (added)
• components/Customers.js (modified) (2 diffs)
• index.js (modified) (2 diffs)

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

@@ -1 +1 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
-import React, {useEffect, useState} from "react";
+import React, {useContext, useEffect, useState} from "react";
 import axios from "axios";
 import { Link } from 'react-router-dom';
 import { useNavigate } from 'react-router-dom';
+import {CustomerContext} from "./CustomerContext";
 
 
@@ -9 +10 @@
     const [customers, setCustomers] = useState([]);
     const navigate = useNavigate();
+    const customersContext = useContext(CustomerContext);
 
     useEffect(() => {
-        const fetchCustomers = async () => {
-            try {
-                const response = await axios.get("http://localhost:8080/api/customers");
-                setCustomers(response.data);
-            } catch (error) {
-                console.error("Error fetching customers: ", error);
-            }
-        };
-
-        fetchCustomers()
-    }, []);
+        setCustomers(customersContext.customers)
+    }, [customersContext]);
 
     const handleDetailClick = (customerId) => {

my-react-app/src/index.js

@@ -5 +5 @@
 import { CuisineProvider } from './components/CuisineContext';
 import {RestaurantProvider} from "./components/RestaurantContext";
+import {CustomerProvider} from "./components/CustomerContext";
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
@@ -11 +12 @@
         <CuisineProvider>
             <RestaurantProvider>
-                <App />
+                <CustomerProvider>
+                    <App />
+                </CustomerProvider>
             </RestaurantProvider>
         </CuisineProvider>