[$175] Integrate Connect Calendar feature

[maxceem]

Recently we've implemented Connect Calendar feature in API in this challenge https://www.topcoder.com/challenges/af9a1041-7a78-484d-87d3-5aec9e87b578?tab=details

Now we would like to integrate it with UI.

To work on this task you would have to run locally TaaS API and TaaS App as per this guide.

General Logic

• User clicks a link to connect calendar
• Redirected to Google/Microsoft/Nylas
• From there it redirected to TaaS API to save connected calendar details
• And from TaaS API it is redirected back to TaaS APP
• When redirected to TaaS App from link we have to know what interview popup to open and if calendar connection was successful or failed.

Task

• Build link as described in this challenge https://www.topcoder.com/challenges/af9a1041-7a78-484d-87d3-5aec9e87b578?tab=details
  • As redirectTo set URL to the current page + add ?interviewWithCandidate={jobCandidateId}, example https://platform.topcoder-dev.com/taas/myteams/18907/positions/a14d4946-418c-4329-998e-918603348fe2/candidates/interviews?interviewWithCandidate=8b0346e8-76bd-4c8c-b378-d27d3ce24262
• When calendar is connected and redirected back to TaaS APP there could be 2 situations:
  • calendar connected successfully:
    • in this case it would redirect to the page with the next params ?interviewWithCandidate={jobCandidateId}&calendarConnected=true
    • show interview scheduling modal as if we click button "schedule interview" https://monosnap.com/file/jzsr7LVUjWxz5lv2Yb7pKppXKG3wiR
    • show green toast which say that "Calendar was successfully connected."
    • remove part ?interviewWithCandidate={jobCandidateId}&calendarConnected=true from URL
  • calendar connection failed:
    • in this case it would redirect to the page with the next params ?interviewWithCandidate={jobCandidateId}&calendarConnected=false&error={errorReason}
    • show red toast which say that "Failed to connect calendar: {errorReason}"
    • remove part ?interviewWithCandidate={jobCandidateId}&calendarConnected=false&error={errorReason} from URL

Verification

Provide demo video(s) showing both cases: calendar connected successfully or failed.

[deblasis]

Hi @maxceem! I am happy to work on this if you agree

[maxceem]

Sure, assigned you @deblasis.

[deblasis]

Hi @maxceem since you didn't specify otherwise, I was expecting to find the new design changes with the Nylas schedule interview "wizard" (as per your screenshot) merged to dev already.

Just to make sure that I fully understand the scope of the changes can you please point out the source branches for taas-apis and taas-app ?

Cheers

[maxceem]

hi @deblasis

In both repositories we have to use branch feature/interview-update as mentioned in this guide https://github.com/topcoder-platform/taas-app/wiki/Run-TaaS-App-with-TaaS-API-locally-to-test-Interview-Scheduling-using-Nylas

[yoution]

@maxceem please assign to me

[yoution]

@maxceem please ask others to finish this one, I don't have time to finish it

[maxceem]

@yoution if we extend time till tomorrow end of the day, would it help you?

[yoution]

@maxceem , sorry, I am not familiar with Google/Microsoft, to configure these two apps will waste me a lot of time, I hope others can help you