fix: show end_date when alert is closed

Author: samshara

src/views/AllSurgeAlerts/i18n.json

@@ -17,6 +17,7 @@
         "surgeAlertStatus": "Status",
         "surgeAlertOpen": "Open",
         "surgeAlertClosed": "Closed",
-        "surgeAlertStoodDown": "Stood down"
+        "surgeAlertStoodDown": "Stood down",
+        "surgeAlertImmediately": "Immediately"
     }
 }

src/views/AllSurgeAlerts/index.tsx

@@ -192,18 +192,25 @@ export function Component() {
                 'start',
                 strings.surgeAlertStartDate,
                 (item) => {
-                    if (isNotDefined(item.start)) {
-                        return undefined;
-                    }
-
-                    const startDate = new Date(item.start);
+                    const startDate = isDefined(item.start) ? new Date(item.start) : undefined;
+                    const endDate = isDefined(item.end) ? new Date(item.end) : undefined;
                     const nowMs = new Date().getTime();
 
-                    const duration = startDate.getTime() < nowMs
-                        ? item.closes
-                        : startDate.toLocaleString();
+                    const closed = isDefined(item.end)
+                        ? new Date(item.end).getTime() < today : undefined;
 
-                    return duration;
+                    if (isDefined(endDate) && closed) {
+                        return endDate.toLocaleString();
+                    }
+
+                    if (isDefined(startDate)) {
+                        const dateStarted = startDate.getTime() < nowMs
+                            ? strings.surgeAlertImmediately
+                            : startDate.toLocaleString();
+
+                        return dateStarted;
+                    }
+                    return undefined;
                 },
             ),
             createStringColumn<SurgeListItem, TableKey>(

src/views/EmergencySurge/SurgeTable/index.tsx

@@ -65,6 +65,7 @@ export default function SurgeTable(props: Props) {
         preserveResponse: true,
         query: {
             event: Number(emergencyId),
+            is_active: true,
             limit,
             offset,
 
@@ -122,18 +123,25 @@ export default function SurgeTable(props: Props) {
                 'start',
                 strings.surgeAlertStartDate,
                 (item) => {
-                    if (isNotDefined(item.start)) {
-                        return undefined;
-                    }
-
-                    const startDate = new Date(item.start);
+                    const startDate = isDefined(item.start) ? new Date(item.start) : undefined;
+                    const endDate = isDefined(item.end) ? new Date(item.end) : undefined;
                     const nowMs = new Date().getTime();
 
-                    const start = startDate.getTime() < nowMs
-                        ? strings.emergencySurgeImmediately
-                        : startDate.toLocaleString();
+                    const closed = isDefined(item.end)
+                        ? new Date(item.end).getTime() < today : undefined;
 
-                    return start;
+                    if (isDefined(endDate) && closed) {
+                        return endDate.toLocaleString();
+                    }
+
+                    if (isDefined(startDate)) {
+                        const dateStarted = startDate.getTime() < nowMs
+                            ? strings.emergencySurgeImmediately
+                            : startDate.toLocaleString();
+
+                        return dateStarted;
+                    }
+                    return undefined;
                 },
             ),
             createStringColumn<SurgeListItem, number>(