Apply back behavior to modals

[ClaireValdivia]

Why is this issue important?

This issue is to build upon the work done in #2575 which enables back behavior in more places in grant finder. This issue is to add "back" functionality to places where modal/pop-up windows show in the app to ensure consistency with how back behavior works in other places of grant finder.

Current State

If you are on the Users page and you click "add," the modal opens. If you click back on the browser when the modal is open, it will bring you to the page you were on before the Users page. This applies to all the modals described below.

Expected State

Users Tab

• When you click "add" button or the "bulk import" button, the modal that come up should have a unique url
• if you click back in the browser when the modal is open, it should take you to the page you were previously on (we expect most users to get to the modal from the Users page, so in most cases, clicking back will close the modal)
• if you had partially completed the form and click back on the browser, the content you entered will not be saved (i.e. same as current behavior for closing a modal)

Team Tab

• When you click "add" button, the "bulk import" button, or the edit pencil on any of the Teams, the modal that come up should have a unique url
• if you click back in the browser when the modal is open, it should take you to the page you were previously on (we expect most users to get to the modal from the Teams page, so in most cases, clicking back will close the modal)
• if you had partially completed the form and click back on the browser, the content you entered will not be saved (i.e. same as current behavior for closing a modal)

Browse Grants Tab

• When you click "new search", when the drawer appears on the right side of the page, it should have a unique url (i.e. grants/new-search)

• If you click back on the browser when the search drawer is open, it should take you to the previous page you were on

• after you run a new search, if you click "back", you will return to the grants/new-search url with a blank search panel

• when you click "my saved searches" from browse grants table, when the drawer appears on the right side of the page, it should have a unique url (i.e. grants/my-saved-searches)

• if you click to run one of the saved searches, the results table with update with a unique url (i.e. /grants?search=2905) this is currently working and no changes is needed

• if you click to edit a saved search you are on, when the drawer appears on the right side of the page, it should have a url that is unique to that saved search - defer to eng on what is best, but perhaps something like /grants?search=2905/edit -- just like a saved search, the edit version of a save search should always show the most up to date changes of the saved search.

Implementation Plan

The following functions need to be added...

Relevant Code Snippets

No response

[ClaireValdivia]

@caitlinwinner need to discuss - what happens when you go back to a modal that has been submitted? For add user/team, should it just show as a blank version?

and what do we expect for going back to new search? should it always be a fresh/blank new search? and for edit search - confirm that it should go back to edit for the search you were on, but reflect what has been applied to the search (i.e. save as if you click on edit the search)?