Your Recruiter
Today I moved the listing actions to their own context and cleaned up the Detail Modal’s action buttons.
Listing Actions Context
Each listing has the following actions:
- Get Listing Information
- Write Cover Letter
- Write Cover Letter with AI
- View Cover Letter
- Write Resume
- View Resume
- Edit Listing Information
- Delete Application
Writing it all out, it feels like a LOT but as I actively use the application I know these are necessary. For some of the actions, the Write button will be swapped with the View button as the modal that opens will have the Edit/Write option for a cleaner UI. There wasn’t too much prop-drilling however the amount of actions in the locations present became overwhelming as I added the latest (View/Write Resume) so I moved them to their own context for my own sanity.
Detail Modal Cleanup
Because there are so many actions, the buttons at the bottom of the Details Modal was overwhelmed with a combination of Icon Only and Text buttons. On mobile, the user will see the Text version on all of the buttons, if there is a manual and AI option those buttons will appear on the same line while the stand alone buttons are on their own. The desktop has more breathing room with a combination of Text and Icon Only buttons with the Tooltips helping to covey the purpose of the Icon Only buttons.