[BoG S24] Share Schedule Modal Redesign

[yatharth-b]

Problem Description

We want to make edits to the share schedule modal to support sharing multiple schedules at the same time as well as sharing schedules with links. To see current functionality, branch off of bog-s23-changes-merged. The invitation modal is triggered here -

website/src/components/HeaderActionBar/index.tsx

Line 130 in 8f3616a

<InvitationModal show={invitationOpen} onHide={hideInvitation} />

Mockups

Link (Ready for Dev)

Your Goal

• Modify InvitationModalContent in ``src/components/InvitationModal` to now also use all of the version names from the ScheduleContext and create the input component for selecting which versions to share.
• Modify the request made to /createFriendInvitation to now use a list of versions instead of a single version
• When the modal opens, pre-select the current version the user is on. Generate a new link and attach to copy link button, upon clicking which the link is copied to the user's clipboard.
• Everytime a user changes the selected versions, generate a new link and attach to button.
• Modify the logic for checking if the invitee has already accepted an invite from the sender.
• The ScheduleContext currently contains the invites sent only for the version the user is currently on. Read

  website/src/components/AppDataLoader/index.tsx

  Line 358 in 8f3616a

  function ContextProvider({

  for more details.
• The context needs to be updated to now contain invites from all versions (can probably be done using termScheduleData passed to the context provider).
• Update the middle section of the modal accordingly and show invites from all version instead of just current. Make this component scrollable in case it becomes longer than a specified height.