diff --git a/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx b/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx index bcc7790c50..86f176617a 100644 --- a/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx +++ b/assets/ts/stop/__tests__/components/icons/AccessibilityIconTest.tsx @@ -1,14 +1,14 @@ import React from "react"; import { render, screen } from "@testing-library/react"; -import { Route, Stop } from "../../../../__v3api"; +import { Stop } from "../../../../__v3api"; import AccessibilityIcon from "../../../components/icons/AccessibilityIcon"; describe("AccessibilityIcon", () => { it("should return an empty element for non accessilbe stops", () => { - const stop = { accessibility: ["none"] }; + const stop = ({ accessibility: [] } as unknown) as Stop; render(
- +
); expect(screen.getByTestId("empty")).toBeEmptyDOMElement(); @@ -18,18 +18,7 @@ describe("AccessibilityIcon", () => { const stop = { accessibility: ["accessible"] }; render(
- -
- ); - expect(screen.getByTestId("empty")).not.toBeEmptyDOMElement(); - }); - - it("should return an icon for a bus stop", () => { - const stop = { accessibility: ["none"] }; - const routes = [{ type: 3 }]; - render( -
- +
); expect(screen.getByTestId("empty")).not.toBeEmptyDOMElement(); diff --git a/assets/ts/stop/components/icons/AccessibilityIcon.tsx b/assets/ts/stop/components/icons/AccessibilityIcon.tsx index 9763d562aa..5f627f4e04 100644 --- a/assets/ts/stop/components/icons/AccessibilityIcon.tsx +++ b/assets/ts/stop/components/icons/AccessibilityIcon.tsx @@ -1,23 +1,13 @@ import React, { ReactElement } from "react"; -import { some } from "lodash"; -import { Route, Stop } from "../../../__v3api"; +import { Stop } from "../../../__v3api"; import { accessibleIcon } from "../../../helpers/icon"; -import { isABusRoute } from "../../../models/route"; const AccessibilityIcon = ({ - stop, - routes + stop }: { stop: Stop; - routes: Route[]; -}): ReactElement => { - // NOTE: Bus stops are always considered accessible, see - // https://app.asana.com/0/1201653980996886/1201894234147725/f - const isBusStop = some(routes, r => isABusRoute(r)); - if (!isBusStop && !stop.accessibility.includes("accessible")) { - return <>; - } - +}): ReactElement | null => { + if (stop.accessibility.length === 0) return null; return (
diff --git a/assets/ts/stop/components/icons/StopFeatures.tsx b/assets/ts/stop/components/icons/StopFeatures.tsx index ba5a45067a..445b4a6d96 100644 --- a/assets/ts/stop/components/icons/StopFeatures.tsx +++ b/assets/ts/stop/components/icons/StopFeatures.tsx @@ -14,9 +14,13 @@ const StopFeatures = ({ }): ReactElement => { return ( - + route.description !== "rail_replacement_bus" + )} + /> - + );