[$80] Don't allow selecting another time after interview is cancelled

[maxceem]

When the user cancels an event then the next page is shown see screenshot. On this page, the user may click the "Done" button and schedule a new meeting, see screenshot.

But we don't want to allow users to schedule another interview once the interview was canceled. Unfortunately, we cannot show a custom thank you page as we do when user schedules or reschedule interview (see #562). So the only way to go is to implement our own UI to cancel interview and don't use UI provided by Nylas.

TaaS App

• Update cancel interview page

  

• Implement exactly the same UI inside TaaS App, but without using Nylas iframe.

  • For input field and button use components from TaaS App don't implement them from scratch, so style would be different from Nylas page, that's fine.

• When we click Cancel Event button, show loading indicator

• You may see which API the Nylas page triggers when we confirm canceling (https://monosnap.com/file/bAqKmBl8NsYHmCZx9dFbm91DIKL6wN)

  • it calls POST https://api.schedule.nylas.com/schedule/{nylasPageSlug}/{nylasEventEditHash}/cancel with body:

    {
      reason: "test" // what we entered inside the field
    }

• Once it's cancelled show success message like this

  

• If some error happens during cancelling, show Cancel Event button again, so user may try canceling again. And show red toastrt with error message the server.

[maxceem]

@yoution would you like to pick up this one?

This is only a frontend issue, no need to set up TaaS API locally.

[yoution]

@maxceem please assign to me

[yoution]

@maxceem how can I get this value?

[maxceem]

This is the title of the job. Can be retrieved by jobId using https://github.com/topcoder-platform/taas-app/blob/dev/src/services/jobs.js#L14.

[yoution]

@maxceem how can we get the jobId?

[maxceem]

Ah, to get jobId we can get Job Candidate object by GET ${config.API.V5}/jobCandidates/${jobCandidateId}.

[maxceem]

@sdgun this is ready for QA.

[sdgun]

Verified in Dev.

cancel.mp4

[maxceem]

Challenge https://www.topcoder.com/challenges/b59cb664-ac80-49fc-b631-73a590a68c4c has been created for this ticket.

This is an automated message for maxceem via Topcoder X

[maxceem]

Challenge https://www.topcoder.com/challenges/b59cb664-ac80-49fc-b631-73a590a68c4c has been assigned to yoution.

This is an automated message for maxceem via Topcoder X

[maxceem]

This ticket was not processed for payment. If you would like to process it for payment, please reopen it, add the tcx_FixAccepted label, and then close it again

This is an automated message for maxceem via Topcoder X

[maxceem]

Payment task has been updated: https://www.topcoder.com/challenges/b59cb664-ac80-49fc-b631-73a590a68c4c
Payments Complete
Winner: yoution
Copilot: maxceem
Challenge b59cb664-ac80-49fc-b631-73a590a68c4c has been paid and closed.

This is an automated message for maxceem via Topcoder X

[sdgun]

Unable to verify since cancel is not working in production, issue raised for that topcoder-platform/taas-apis#690