From 25194e2802f92079321431082c2706eae58f2f85 Mon Sep 17 00:00:00 2001
From: a-limyr <andreas.limyr@entur.org>
Date: Fri, 27 Sep 2024 10:43:42 +0200
Subject: [PATCH] Changed label from text to icon

---
 .../SearchBar/WheelchairAccessibleCheckBox.tsx         | 10 +++++++++-
 client/src/static/img/wheelchair.svg                   |  6 ++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 client/src/static/img/wheelchair.svg

diff --git a/client/src/components/SearchBar/WheelchairAccessibleCheckBox.tsx b/client/src/components/SearchBar/WheelchairAccessibleCheckBox.tsx
index 52c0f0cc4f2..b677e19049f 100644
--- 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
new file mode 100644
index 00000000000..d8cf96ca995
--- /dev/null
+++ b/client/src/static/img/wheelchair.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
+ <path d="m468 1065.6c-128.4 0-234-104.4-234-234 0-80.398 40.801-152.4 104.4-194.4l-7.1992-115.2c-118.8 52.801-201.6 171.6-201.6 309.6 0 187.2 152.4 338.4 338.4 338.4 160.8 0 296.4-112.8 330-264h-109.2c-31.195 92.395-118.8 159.6-220.8 159.6z"/>
+ <path d="m1070.4 1125.6-84-378c-9.6016-43.199-46.801-75.602-90-80.398l-214.8-21.602c-12-1.1992-21.602-9.6016-22.801-21.602l-8.3984-46.801 206.4 3.6016c9.6016 0 18-8.3984 18-18v-36c0-8.3984-7.1992-16.801-15.602-16.801l-224.4-26.398-19.199-115.2c-6-38.398-39.602-67.199-79.199-67.199h-51.602c-46.801 0-82.801 39.602-80.398 85.199l20.398 318c4.8008 68.398 61.199 121.2 129.6 121.2h296.4c12 0 22.801 8.3984 25.199 19.199l75.602 290.4c4.8008 18 20.398 30 38.398 30h50.398c19.207-1.1992 34.805-19.199 30.004-39.598z"/>
+ <path d="m614.4 148.8c0 65.609-53.188 118.8-118.8 118.8-65.613 0-118.8-53.191-118.8-118.8 0-65.613 53.188-118.8 118.8-118.8 65.609 0 118.8 53.188 118.8 118.8"/>
+</svg>