diff --git a/lib/components/user/back-link.js b/lib/components/user/back-link.js index cedc891d8..c0955d62d 100644 --- a/lib/components/user/back-link.js +++ b/lib/components/user/back-link.js @@ -12,14 +12,18 @@ const StyledButton = styled(Button)` padding: 0; ` +export const BackButtonContent = () => ( + + + +) + /** * Back link that navigates to the previous location in browser history. */ const BackLink = () => ( - - - + ) diff --git a/lib/components/user/monitored-trip/saved-trip-editor.tsx b/lib/components/user/monitored-trip/saved-trip-editor.tsx index 368174260..701b7cd38 100644 --- a/lib/components/user/monitored-trip/saved-trip-editor.tsx +++ b/lib/components/user/monitored-trip/saved-trip-editor.tsx @@ -1,9 +1,11 @@ import { FormattedMessage, useIntl } from 'react-intl' import React, { ComponentType } from 'react' +import { BackButtonContent } from '../back-link' import { MonitoredTrip } from '../types' -import BackLink from '../back-link' +import { TRIPS_PATH } from '../../../util/constants' import DeleteForm from '../delete-form' +import Link from '../../util/link' import PageTitle from '../../util/page-title' import StackedPanesWithSave from '../stacked-panes-with-save' @@ -52,7 +54,11 @@ const SavedTripEditor = (props: Props): JSX.Element => { return ( <> - + {/* If creating, back button should return to trip planner. If not, it should return + to saved trips, just in case the user accessed this page through their email. */} + + +