feat: (tiny) Add "return to route" message after turn-by-turn directi…

…ons (#2515) * feat: (tiny) Add "return to route" message after turn-by-turn directions * Use strong for accessibility, with added bootstrap class for font-weight Co-authored-by: Kayla Firestack <[email protected]>
mbta · Mar 22, 2024 · 2ccecdd · 2ccecdd
1 parent a981349
commit 2ccecdd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/assets/src/components/detours/diversionPage.tsx b/assets/src/components/detours/diversionPage.tsx
@@ -68,6 +68,7 @@ export const DiversionPage = ({
         ,
         "Turn-by-Turn Directions:",
         ...(directions?.map((v) => v.instruction) ?? []),
+        "Return to Regular Route",
         ,
         "Connection Points:",
         connectionPoints?.start?.name ?? "N/A",

diff --git a/assets/src/components/detours/diversionPanel.tsx b/assets/src/components/detours/diversionPanel.tsx
@@ -66,6 +66,11 @@ export const DiversionPanel = ({
                   {d.instruction}
                 </ListGroup.Item>
               ))}
+              {detourFinished && (
+                <ListGroup.Item as="li">
+                  <strong className="fw-medium">Return to Regular Route</strong>
+                </ListGroup.Item>
+              )}
             </ListGroup>
           ) : (
             <DirectionsHelpText />

diff --git a/assets/tests/components/detours/diversionPage.test.tsx b/assets/tests/components/detours/diversionPage.test.tsx
@@ -410,6 +410,7 @@ describe("DiversionPage", () => {
           "Turn left on Main Street",
           "Turn right on High Street",
           "Turn sharp right on Broadway",
+          "Return to Regular Route",
           ,
           "Connection Points:",
           start.name,