add: confirm button

goat-community · Jun 18, 2024 · ce06759 · ce06759
1 parent 5327048
commit ce06759
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git 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
@@ -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
+  }
+}