From 6266278a0279d7d30681bcd85c40c534c503271e Mon Sep 17 00:00:00 2001
From: Teddy Roncin <teddy.roncin@proton.me>
Date: Fri, 13 Sep 2024 00:05:58 +0200
Subject: [PATCH] fix: updated TransactionState enum

---
 src/components/dashboard/UserModal.tsx | 35 ++++++++++++++++++--------
 src/types.ts                           |  4 +--
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/components/dashboard/UserModal.tsx b/src/components/dashboard/UserModal.tsx
index a6bc5bf4..c53af6b9 100644
--- a/src/components/dashboard/UserModal.tsx
+++ b/src/components/dashboard/UserModal.tsx
@@ -133,22 +133,37 @@ const UserModal = ({
       ));
       const date = new Date(cart.paidAt as Date);
       let transactionState = '';
-      if (cart.transactionState === TransactionState.paid) transactionState = 'payé';
-      if (cart.transactionState === TransactionState.refunded) transactionState = 'remboursé';
-      if (cart.transactionState === TransactionState.canceled) transactionState = 'annulé';
-      if (cart.transactionState === TransactionState.refused) transactionState = 'refusé';
-      if (cart.transactionState === TransactionState.authorization) transactionState = "en cours d'autorisation";
-
+      switch (cart.transactionState) {
+        case TransactionState.paid:
+          transactionState = 'payé';
+          break;
+        case TransactionState.refunded:
+          transactionState = 'remboursé';
+          break;
+        case TransactionState.canceled:
+          transactionState = 'annulé';
+          break;
+        case TransactionState.processing:
+          transactionState = "en cours d'autorisation ";
+          break;
+        case TransactionState.pending:
+          transactionState = `en attente de paiement (créé à ${date.toLocaleString()})`;
+          break;
+        case TransactionState.expired:
+          transactionState = 'expiré';
+          break;
+        default:
+          transactionState = `Inconnu : ${cart.transactionState}`;
+      }
       return (
         <Card className={styles[`cart-${cart.transactionState}`]} key={cart.transactionId}>
           <>
             <p>
               <strong>Statut :</strong> {transactionState} (
-              {cart.transactionId
-                ? `#${cart.transactionId}`
-                : cart.transactionState !== TransactionState.pending
+              {cart.transactionId ??
+                (cart.transactionState !== TransactionState.pending
                   ? 'Paiement validé manuellement'
-                  : 'En attente de paiement'}
+                  : 'En attente de paiement')}
               )<br />
               {(cart.transactionState === TransactionState.paid ||
                 cart.transactionState === TransactionState.refunded) && (
diff --git a/src/types.ts b/src/types.ts
index 3560ea79..c9b5727f 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -288,9 +288,9 @@ export enum TransactionState {
   pending = 'pending',
   paid = 'paid',
   canceled = 'canceled',
-  refused = 'refused',
+  processing = 'processing',
   refunded = 'refunded',
-  authorization = 'authorization',
+  expired = 'expired',
 }
 
 export interface UserFilters extends Record<string, string | undefined> {