[$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}.