From ca8d3b1939fbd2d2081527bb15b060b0445bb1aa Mon Sep 17 00:00:00 2001
From: Du Peng <gnepud@gmail.com>
Date: Thu, 14 Sep 2023 15:32:41 +0200
Subject: [PATCH] (bug) unable to show prepaid packs in member's reservations
 page

---
 .../components/dashboard/reservations/prepaid-packs-panel.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/frontend/src/javascript/components/dashboard/reservations/prepaid-packs-panel.tsx b/app/frontend/src/javascript/components/dashboard/reservations/prepaid-packs-panel.tsx
index d2756b428..9051023a9 100644
--- a/app/frontend/src/javascript/components/dashboard/reservations/prepaid-packs-panel.tsx
+++ b/app/frontend/src/javascript/components/dashboard/reservations/prepaid-packs-panel.tsx
@@ -139,7 +139,7 @@ const PrepaidPacksPanel: React.FC<PrepaidPacksPanelProps> = ({ user, currentUser
 
             <div className='prepaid-packs-list-item'>
               <p className='name'>{pack.prepaid_pack.priceable.name}</p>
-              {FormatLib.date(pack.expires_at) && <p className="end">{FormatLib.date(pack.expires_at)}</p>}
+              {pack.expires_at && FormatLib.date(pack.expires_at) && <p className="end">{FormatLib.date(pack.expires_at)}</p>}
               <p className="countdown"><span>{(pack.prepaid_pack.minutes - pack.minutes_used) / 60}H</span> / {pack.prepaid_pack.minutes / 60}H</p>
             </div>
           </div>