From 755e94654144e46b50fa1c80369f7fba13b40b33 Mon Sep 17 00:00:00 2001
From: Dean <deanshi@users.noreply.github.com>
Date: Tue, 4 Feb 2025 14:39:03 -0500
Subject: [PATCH] Language changes to filter PA/ESS and alerts by time (#602)

* Language changes to filter PA/ESS and alerts by time

- https://app.asana.com/0/1185117109217413/1208918421836698
- "Now" switched to "Live"
- "Done" switched to "Past"
- "Current Service Disruption" to "Ongoing service disruption"
- "Planned Service Disruption" to "Upcoming service disruption"

* Switched language to be "Filter by" on all pages
- Also switched the language in the StaticTemplatePage to be consistent
  with the other pages

---------

Co-authored-by: dshi <dshi@TID27869DSHI.local>
Co-authored-by: Dean Shi <dshi@mbta.com>
---
 .../components/Dashboard/PaMessageForm/AssociateAlert.tsx   | 6 +++---
 .../Dashboard/PaMessageForm/StaticTemplatePage.tsx          | 2 +-
 assets/js/components/Dashboard/PaMessagesPage.tsx           | 4 ++--
 assets/js/components/Dashboard/PriorityPicker.tsx           | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/js/components/Dashboard/PaMessageForm/AssociateAlert.tsx b/assets/js/components/Dashboard/PaMessageForm/AssociateAlert.tsx
index 8536c08f..00d9358c 100644
--- a/assets/js/components/Dashboard/PaMessageForm/AssociateAlert.tsx
+++ b/assets/js/components/Dashboard/PaMessageForm/AssociateAlert.tsx
@@ -61,16 +61,16 @@ const AssociateAlert = ({ onApply, onCancel }: AssociateAlertPageProps) => {
           <Col className="associate-alert-filter-selection">
             <FilterGroup
               className="mb-5"
-              header="Message state"
+              header="Filter by message state"
               selectedFilter={selectedMessageState}
               onFilterSelect={setSelectedMessageState}
               filters={[
-                { label: "Active", value: "active" },
+                { label: "Live", value: "active" },
                 { label: "Future", value: "future" },
               ]}
             />
             <FilterGroup
-              header="Service type"
+              header="Filter by service type"
               selectedFilter={selectedServiceType}
               onFilterSelect={setSelectedServiceType}
               filters={serviceTypes.map((serviceType) => {
diff --git a/assets/js/components/Dashboard/PaMessageForm/StaticTemplatePage.tsx b/assets/js/components/Dashboard/PaMessageForm/StaticTemplatePage.tsx
index 82b15eb6..006b158f 100644
--- a/assets/js/components/Dashboard/PaMessageForm/StaticTemplatePage.tsx
+++ b/assets/js/components/Dashboard/PaMessageForm/StaticTemplatePage.tsx
@@ -35,7 +35,7 @@ const StaticTemplatePage = ({ onCancel, onSelect }: Props) => {
         <Row className="static-template-page-body">
           <Col className="filter-group-col">
             <FilterGroup
-              header="Template type"
+              header="Filter by template type"
               selectedFilter={selectedTemplateType}
               onFilterSelect={(templateType) =>
                 setSelectedTemplateType(templateType as TemplateType)
diff --git a/assets/js/components/Dashboard/PaMessagesPage.tsx b/assets/js/components/Dashboard/PaMessagesPage.tsx
index 7064907d..504c580b 100644
--- a/assets/js/components/Dashboard/PaMessagesPage.tsx
+++ b/assets/js/components/Dashboard/PaMessagesPage.tsx
@@ -167,9 +167,9 @@ const PaMessagesPage: ComponentType = () => {
               }
               selectedFilter={stateFilter.toLowerCase()}
               filters={[
-                { label: "Now", value: "current" },
+                { label: "Live", value: "current" },
                 { label: "Future", value: "future" },
-                { label: "Done", value: "past" },
+                { label: "Past", value: "past" },
               ]}
             />
             <FilterGroup
diff --git a/assets/js/components/Dashboard/PriorityPicker.tsx b/assets/js/components/Dashboard/PriorityPicker.tsx
index 04707059..29cd7887 100644
--- a/assets/js/components/Dashboard/PriorityPicker.tsx
+++ b/assets/js/components/Dashboard/PriorityPicker.tsx
@@ -31,8 +31,8 @@ const PriorityPicker = ({
           <Dropdown.Menu role="listbox">
             {[
               "Emergency",
-              "Current Service Disruption",
-              "Planned Service Disruption",
+              "Ongoing service disruption",
+              "Upcoming service disruption",
               "PSA Message",
             ].map((label, index) => {
               const priorityIndex = index + 1;