From ce06759d3f2be1acf0f59cb1a077c1656c19fe5f Mon Sep 17 00:00:00 2001
From: Majk Shkurti <majkshkurti@outlook.com>
Date: Tue, 18 Jun 2024 16:01:02 +0200
Subject: [PATCH] add: confirm button

---
 app/component/TopLevel.js | 18 ++++++++++++++++++
 app/component/route.scss  | 11 +++++++++++
 2 files changed, 29 insertions(+)

diff --git a/app/component/TopLevel.js b/app/component/TopLevel.js
index f85c249b26..45b915e1c1 100644
--- a/app/component/TopLevel.js
+++ b/app/component/TopLevel.js
@@ -8,6 +8,7 @@ import getContext from 'recompose/getContext';
 import Modal from '@hsl-fi/modal';
 import Select from 'react-select';
 import { intlShape } from 'react-intl';
+// import styles from '@digitransit-component/digitransit-component-favourite-modal/src/helpers/
 import { RoutingProfileDropDownOptions } from '../constants';
 import {
   getHomeUrl,
@@ -237,6 +238,23 @@ class TopLevel extends React.Component {
               label: this.context.intl.formatMessage({ id: option.title }),
             }))}
           />
+          <div
+            className={cx(
+              'route-type-preference-confirm-container',
+              this.isMobile() && 'mobile',
+            )}
+          >
+            <button
+              type="button"
+              className={cx('favourite-modal-desktop-button')}
+              onClick={() => {
+                this.setState({ showPopup: false });
+                markPopupAsSeen();
+              }}
+            >
+              Bestätigen
+            </button>
+          </div>
         </Modal>
       );
     }
diff --git a/app/component/route.scss b/app/component/route.scss
index 0d18da9407..bb1d28c3aa 100644
--- a/app/component/route.scss
+++ b/app/component/route.scss
@@ -1470,3 +1470,14 @@ nav.top-bar .title .route-number {
   display: flex;
   flex-direction: column;
 }
+
+.route-type-preference-confirm-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 40px;
+  margin-bottom: -40px;
+  margin-right: -50px;
+  &.mobile {
+    margin-right: 0px
+  }
+}