fix: Remove wheelchair icon from non-accessible stop pages (#2244)

mbta · Dec 3, 2024 · 929128f · 929128f
1 parent 5ab1881
commit 929128f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx b/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx
@@ -23,4 +23,14 @@ describe("AccessibilityIcon", () => {
     );
     expect(screen.getByTestId("empty")).not.toBeEmptyDOMElement();
   });
+
+  it("should not return an icon for an accessible stop", () => {
+    const stop = { accessibility: ["escalator_up"] };
+    render(
+      <div data-testid="empty">
+        <AccessibilityIcon stop={stop as Stop} />
+      </div>
+    );
+    expect(screen.getByTestId("empty")).toBeEmptyDOMElement();
+  });
 });
diff --git a/assets/ts/stop/components/icons/AccessibilityIcon.tsx b/assets/ts/stop/components/icons/AccessibilityIcon.tsx
@@ -7,7 +7,7 @@ const AccessibilityIcon = ({
 }: {
   stop: Stop;
 }): ReactElement<HTMLElement> | null => {
-  if (stop.accessibility.length === 0) return null;
+  if (!stop.accessibility.includes("accessible")) return null;
   return (
     <div className="m-stop-page__access-icon">
       <span className="m-stop-page__icon">