Setup pour list d'invoices/commandes

GrossesMitaines/grosses-mitaines-ui/src/components/App.js

@@ -11,6 +11,7 @@ import Login from "../pages/Login";
 import Logout from "../pages/Logout";
 import Register from "../pages/Register";
 import Formulaire from "../pages/Formulaire";
+import MyInvoices from "../pages/MyInvoices";
 import { useState, useEffect } from "react";
 import React from 'react';
 import { useCookies } from 'react-cookie';
@@ -47,6 +48,7 @@ const App = () => {
             <Route path="logout" element={<Logout/>}/>
             <Route path="register" element={<Register/>}/>
             <Route path="formulaire" element={<Formulaire/>}/>
+            <Route path="myinvoices" element={<MyInvoices/>}/>
           </Route>
         </Routes>
       </BrowserRouter>

GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js

@@ -0,0 +1,11 @@
+const InvoiceItem = (invoice) => {
+
+    return (
+        <>
+            Invoice Item
+        </>
+    );
+
+}
+
+export default InvoiceItem;

GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js

@@ -0,0 +1,15 @@
+import InvoiceItem from "./InvoiceItem";
+
+const InvoiceList = ({ invoices }) => {
+    return (
+        <>
+            {invoices.map((invoice) => {
+                <InvoiceItem
+                    invoice={invoice}
+                />
+            })}
+        </>
+    );
+}
+
+export default InvoiceList;