improvement: Add title to toasts on mobility wiz, saved trip.

opentripplanner · Jan 9, 2025 · d9a00f4 · d9a00f4
1 parent 87ab384
commit d9a00f4
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/lib/actions/user.js b/lib/actions/user.js
@@ -17,6 +17,7 @@ import {
 } from '../util/user'
 import { isBlank } from '../util/ui'
 import { secureFetch } from '../util/middleware'
+import { toastSuccess } from '../components/util/toasts'
 import { TRIPS_PATH } from '../util/constants'
 
 import { routeTo, setLocale } from './ui'
@@ -500,7 +501,14 @@ export function createOrUpdateUserMonitoredTrip(
 
     if (status === 'success' && data) {
       if (!silentOnSuccess && intl) {
-        toast.success(
+        toastSuccess(
+          isNew
+            ? intl.formatMessage({
+                id: 'components.SavedTripEditor.saveNewTrip'
+              })
+            : intl.formatMessage({
+                id: 'components.SavedTripEditor.editSavedTrip'
+              }),
           intl.formatMessage({ id: 'actions.user.preferencesSaved' })
         )
       }

diff --git a/lib/components/user/mobility-profile/mobility-wizard.tsx b/lib/components/user/mobility-profile/mobility-wizard.tsx
@@ -10,7 +10,7 @@ const MobilityWizard = ({ formikProps }: WizardProps): JSX.Element => {
   const intl = useIntl()
 
   const title = intl.formatMessage({
-    id: 'components.MobilityProfile.title'
+    id: 'components.MobilityProfile.MobilityPane.header'
   })
 
   return (

diff --git a/lib/components/user/wizard.tsx b/lib/components/user/wizard.tsx
@@ -5,11 +5,11 @@ import { FormattedMessage, injectIntl, IntlShape } from 'react-intl'
 import { push, replace } from 'connected-react-router'
 import React, { Component, MouseEvent } from 'react'
 import styled from 'styled-components'
-import toast from 'react-hot-toast'
 
 import * as uiActions from '../../actions/ui'
 import { AppReduxState } from '../../util/state-types'
 import { GREY_ON_WHITE } from '../util/colors'
+import { toastSuccess } from '../util/toasts'
 import PageTitle from '../util/page-title'
 
 import { EditedUser } from './types'
@@ -69,7 +69,8 @@ class Wizard extends Component<Props> {
       onNext,
       pages,
       returnTo = '/',
-      routeTo
+      routeTo,
+      title
     } = this.props
 
     if (activePaneIndex < pages.length - 1) {
@@ -94,7 +95,10 @@ class Wizard extends Component<Props> {
     } else {
       // Display a toast to acknowledge saved changes
       // (although in reality, changes quietly took effect in previous screens).
-      toast.success(intl.formatMessage({ id: 'actions.user.preferencesSaved' }))
+      toastSuccess(
+        title,
+        intl.formatMessage({ id: 'actions.user.preferencesSaved' })
+      )
       routeTo(returnTo)
     }
   }