Display Application After a Search Result is Displayed

[JigSays]

As an admin, when I use the search bar and a result is returned I would like to be able to click on the resulting applications and open them in the Application Detail format (page).

From Here:

To here:

Acceptance Criteria:

• [x] A search result from the search bar on the command center should return all applications fitting the search criteria
• [x] Search results should link to their corresponding applications
• [x] Search result links, when clicked, will open the application in the Application Details page in another tab
• [x] Styling - Column Headers are bolded
• [x] Styling - Application Name list should be green to indicate hyperlink based on the the approved Brand design colors

[nancyhlin]

Added styling acceptance criteria

[hmichele]

@lsysophia Per our conversation, please include a message that indicates there are no nominations if none are found, a way to exit the search results screen back to the previous page and modify the search results table to the same styling as what's on the dashboard.

[lsysophia]

The current solution to redirecting from the search result card back to the previous page is utilizing the useHistory hook provided by 'react-router-dom'. (references: 1;2) Not sure if this is the correct way to approach the problem. It's working but not perfectly yet. At this point, you'll have to click on the 'X' exit button on the search result card twice in order to trigger a re-render to the previous page..

The message that indicates no nominations if none are found and the search result table styling have not started yet.

[hmichele]

@Lcole490 @hedrarowan

Please make the following changes:

• Do not show the table headers if there are no results brought back.
• Change the box color of the "X" to exit to black as shown in the screenshot below.
• Change the header row's color scheme to gray like the screenshot below.
• Change the font size for the text in Provider's Name, Patient Name and Received Date to be the same as the Application Name.
• Add the icon indicated in the screenshot next to "Search Results".
• Sort the results by Patient Name.

Please make sure the search is only bringing back applications that contain what is typed in the search bar from Application Name, Provider's Name or Patient Name. I'm seeing applications that don't contain that text.

[hmichele]

@Lcole490 @hedrarowan Please change the "Provider's Name" header to "HP Name".