From c641dba019d3791bfa7c8ef47b47c40c4515c2a1 Mon Sep 17 00:00:00 2001
From: Jeffrey Horton <jeff.horton@digital.homeoffice.gov.uk>
Date: Tue, 16 Apr 2024 17:36:57 +0100
Subject: [PATCH] Fix RangeError - Invalid date date-fns no longer accepts null
 when formatting dates.

---
 src/licence-status-banner/index.jsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/licence-status-banner/index.jsx b/src/licence-status-banner/index.jsx
index 104205a..23cd126 100644
--- a/src/licence-status-banner/index.jsx
+++ b/src/licence-status-banner/index.jsx
@@ -26,15 +26,23 @@ function LicenceStatusBanner({ licence, licenceType, isPdf, dateFormat, colour,
         }
 
         return <ul className="licence-dates">
-            <li>Granted: <span className="date">{format(issueDate, dateFormat)}</span></li>
             {
-                status === 'revoked' && <li>Revoked: <span className="date">{format(revocationDate, dateFormat)}</span></li>
+                issueDate != null && <li>Granted: <span className="date">{format(issueDate, dateFormat)}</span></li>
             }
             {
-                status === 'expired' && <li>Expiry: <span className="date">{format(expiryDate, dateFormat)}</span></li>
+                status === 'revoked' && revocationDate != null && <li>
+                    Revoked: <span className="date">{format(revocationDate, dateFormat)}</span>
+                </li>
             }
             {
-                status === 'suspended' && <li>Suspended: <span className="date">{format(suspendedDate, dateFormat)}</span></li>
+                status === 'expired' && expiryDate != null && <li>
+                    Expiry: <span className="date">{format(expiryDate, dateFormat)}</span>
+                </li>
+            }
+            {
+                status === 'suspended' && suspendedDate != null && <li>
+                    Suspended: <span className="date">{format(suspendedDate, dateFormat)}</span>
+                </li>
             }
         </ul>;
     };