From 595b6d980c483991b24572210d07a6203fa44d62 Mon Sep 17 00:00:00 2001
From: DavidBelisle <79233327+DavidBelisle@users.noreply.github.com>
Date: Mon, 12 Dec 2022 12:27:26 -0500
Subject: [PATCH] FirstPart

---
 .../src/components/InvoiceItem.js             | 19 ++++++++++++++-----
 .../src/components/InvoiceList.js             |  3 ++-
 .../grosses-mitaines-ui/src/pages/Invoices.js |  1 +
 .../src/pages/MyInvoices.js                   |  2 +-
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js
index 678e525..354c524 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js
@@ -1,7 +1,8 @@
 import { faTimes } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { weight } from "fontawesome";
 
-const InvoiceItem = ({ invoice, onCancel }) => {
+const InvoiceItem = ({ invoice, onCancel, paymentInfos }) => {
 
     const productTotal = (p) => {
         return (p.quantity * (p.product.status == 3 || p.product.status == 4 ? p.product.promoPrice : p.product.price))
@@ -81,9 +82,8 @@ const InvoiceItem = ({ invoice, onCancel }) => {
                 )
         }
     }
-
+    console.log(invoice);
     return (
-
         <div className="invoice-item-container">
             <div className="invoice-item-info">
                 {invoice.status != null ?
@@ -94,12 +94,21 @@ const InvoiceItem = ({ invoice, onCancel }) => {
                     null
                 }
                 <div className="invoice-item-expedition">
-                    <b>Adresse d'expédition:</b><br />
+                    <b>Adresse d'expédition :</b><br />
                     {invoice.firstName} {invoice.lastName}<br />
                     {invoice.shippingAddress.civicNumber} {invoice.shippingAddress.street} <br />
                     {invoice.shippingAddress.appartment != null ? <>App: {invoice.shippingAddress.appartment} <br /></> : null}
                     {invoice.shippingAddress.city}, {invoice.shippingAddress.province} {invoice.shippingAddress.postalCode}<br />
-                    {invoice.shippingAddress.country}<br />
+                    {invoice.shippingAddress.country}<br /><br/>
+                    {paymentInfos == true && invoice.payment != null ? <>
+                    <label style={{"fontWeight": "bold"}}>Informations de paiement :</label><br/>
+                    Nom : {invoice.payment.name}<br/>
+                    Email : {invoice.payment.email}<br/>
+                    Téléphone : {invoice.payment.phone}<br/>
+                    Numéro de carte : **** **** **** {invoice.payment.lastFourDigits}<br/>
+                    </>
+                    : null }
+                    
                 </div>
             </div>
             <div className="invoice-item-products">
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js
index d2de763..d51b87d 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js
@@ -1,6 +1,6 @@
 import InvoiceItem from "./InvoiceItem";
 
-const InvoiceList = ({ invoices, onCancel }) => {
+const InvoiceList = ({ invoices, onCancel, paymentInfos }) => {
     return (
         <div className="invoice-list-container">
             {invoices.map((invoice) => (
@@ -8,6 +8,7 @@ const InvoiceList = ({ invoices, onCancel }) => {
                     key={invoice.id}
                     invoice={invoice}
                     onCancel={onCancel}
+                    paymentInfos={paymentInfos}
                 />
             ))}
         </div>
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Invoices.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Invoices.js
index 4b11d8a..68039bf 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Invoices.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Invoices.js
@@ -86,6 +86,7 @@ const Invoices = () => {
             <InvoiceList
                 invoices={invoices}
                 onCancel={handleCancelInvoice}
+                paymentInfos={false}
             />
         </>
     );
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
index 6ba10f8..6b74f81 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
@@ -69,12 +69,12 @@ const MyInvoices = () => {
     };
 
 
-
     return (
         <>
             <InvoiceList
                 invoices={invoices}
                 onCancel={handleCancelInvoice}
+                paymentInfos={true}
             />
         </>
     );