Changed label from text to icon

entur · Sep 27, 2024 · 25194e2 · 25194e2
1 parent ef4a6c3
commit 25194e2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/client/src/components/SearchBar/WheelchairAccessibleCheckBox.tsx b/client/src/components/SearchBar/WheelchairAccessibleCheckBox.tsx
@@ -1,4 +1,5 @@
 import { Form } from 'react-bootstrap';
+import wheelchairIcon from '../../static/img/wheelchair.svg';
 import { TripQueryVariables } from '../../gql/graphql.ts';
 
 export default function WheelchairAccessibleCheckBox({
@@ -11,7 +12,14 @@ export default function WheelchairAccessibleCheckBox({
   return (
     <Form.Group>
       <Form.Label column="sm" htmlFor="wheelchairAccessibleCheck">
-        Wheelchair accessible trip
+        <img
+          alt="Wheelchair Accessible Trip"
+          title="Wheelchair Accessible Trip"
+          src={wheelchairIcon}
+          width="20"
+          height="20"
+          className="d-inline-block align-middle"
+        />
       </Form.Label>
       <Form.Check
         id="wheelchairAccessible"

diff --git a/client/src/static/img/wheelchair.svg b/client/src/static/img/wheelchair.svg