Payroll 4/4: W4 and I9 buttons must show reasons for red color

[ghost]

W4 and I9 buttons must show reasons for red color

Issue:

To replicate this issue, you need to enter the main JobCore account and ask your supervisor for the credentials to enter.

Once you enter the main account, follow these steps:

• Go to the "Payroll" page; there, you will see 4 black buttons on the right side of the screen. one of them says "Search by Timesheet."
• If you click this button, you will see a list of available timesheets by payroll periods. Feel free to select any of them.
• Once you select one of them, you will see a block of information per employee.

Here comes the problem, if either the W4 or I9 buttons are red, it means that the document is missing or has been rejected. If you click either of them, nothing gets displayed in response, the page just hangs in there.

However, the user should be able to see a message with a specific reason why (the document may be missing entirely, or the photo quality may be too low, requiring a re-submission).

For reference, the code for this issue exists between lines 456 and 590 of /workspace/employer-web-client/src/js/components/applicant-card/EmployeeExtendedCard.jsx

Solution:

A developer should make it so that the buttons display a message with a specific reason if they are red and get clicked.

Solution Steps:

1. Investigate where the return value is once the buttons are clicked, and implement conditions to render each reason.
2. Once finished, run all the tests provided in the repo to make sure that your integration was successful
3. Create a pull request so that your code can be evaluated by the Lead Developer before deployment.
4. Keep an eye out for any new bugs that arise after the change is deployed to the code.