From 795239e29e9cb21975ac17f487fa220a310eef7a 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.

---
 package.json                        |  2 +-
 src/licence-status-banner/index.jsx | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index e75bc9a..94533e1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/asl-components",
-  "version": "13.4.0",
+  "version": "13.4.1",
   "description": "React components for ASL layouts and elements",
   "main": "src/index.jsx",
   "styles": "styles/index.scss",
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>;
     };