[TP/JobListing]: Introducing Preview job posting modal, new user flows (Preview: 2 out of 2)

[astkhikatredi]

Context/background

In the current workflow, companies cannot preview the job listings while they create or edit them. Since companies also cannot see the job listings, they have no idea how their job listings are presented to the jobseekers. This creates a bad user experience for both jobseekers and companies.
The initial ticket with the design files is here: #637

What needs to be done?

General changes
(please check the "Overall changes to be observed" part in the design file)

• The button that was previously entitled ”save” has been changed to "publish".
• Ensure Title Case consistency in all field titles within modals.
• Adjust modal padding to 32px.
• Text over the heading (”publish job postings on Talent Pool) was removed
• Remove cancel button inside Edit modals.
• Move close button inside the modal and display confirmation dialogue upon clicking if any information was entered.
• Disable card highlight on hover.

New Function Modal: Preview Job Postings (please check design part 2)

• Implement a modal for previewing job postings, moving in from right to left and out from left to right.
• Ensure alignment with prototype design.

Active job postings - new flows in 3-dots-menu for Open, Edit and Create a Job Posting with Preview function modal: (please check design part 1)

• Add Open option to the 3dots menu, opening the Job Posting View inside the modal.
• Implement modal actions for "Edit" and "Delete" with confirmation dialogue for deletion.
• User flow is: Open (View) > Edit > Preview > Publish.
• Please note the difference in the description for View and Preview modals for the job postings.
• When a user clicks on Edit in a 3-dots-menu, then the flow to be the following: Edit > Preview > Publish
• When a user clicks on + (Create Job Posting), then the flow is: Create Job Posting > Preview > Publish

Expired job postings - new flow for Reactivate job posting (please check design part 1)

• Implement functionality for Reactivate option to open the Edit Job Posting modal.
• Define flow: Reactivate > Edit > Preview > Publish.

Please follow the design file below for the details.

Design File

Here is the design file. If you have any questions, please reach out to @ligiamxm.