84 create new program page remake edit programs

[lanaramadan]

Description

• Created ModifyProgram.jsx which conditonally renders the new AddProgram.jsx page or EditProgram.jsx
• Matched Figma
• Added edit functionality so that edits are reflected in the database.

Issues

Closes #84

[theNatePi]

Great work @lanaramadan @margoglvz, the page looks great! There are a number of (mostly style) changes we would like to be made:

• When searching for Payers and Lead Artists, the dropdown menu should show over the page instead of pushing the page content down [1]
  • Make sure this dropdown is only visible when the user is clicked into the text edit bar
  • When a name is added, the text box should empty and the popover should be closed
  • When a name is selected in the dropdown:
    • Populate the text field with the name
    • Close the popover
    • Turn the "+" to purple as shown in Figma
    • Only add the name once they press the "+", of if they then hit enter
• The program information at the bottom is optional. The page should allow for saving even when no information is provided
• Recurring sessions do not work
  • "Every one week" should make a session for each day selected every single week
  • For the other options, feel free to leave them
• When saying "2 week" or "n week", it should repeat at that interval. For example, repeat every 2 weeks would repeat those sessions every other week
• Custom reoccurrence modal does not match design [2]
  • There are some differences in color, text content, text placement, etc.
• For all dropdowns, use popovers to make the version in Figma. Don't use the built in version [3]
  • See the Figma as all of the dropdowns on this page should match design
• The X for the name tags should turn purple on hover [4]
• When pressing the X on the page itself, the discard modal is not shown [5]
• The X button is not properly navigating back a page when creating a new program. When I click it, I always get redirected to
  http://localhost:3000/programs/%5Bobject%20Object%5D
  To test this, you can make a new button on playground which navigates to your /addprogram, then make sure you get back there when pressing X
• When editing a program, the session time portion should be greyed out [6]
• New sessions are not being created when editing a program
• When editing a program, the dropdown should show "Reset all bookings" if no edits are made [7]
• client/src/components/programs/programComponents/ReoccuranceModal.jsx seems to be an empty file

[1]

[2]

[3]

[4]

[5]

[6]

[7]

Great work so far on the page. Make sure to start these fixes early if possible, and let us know if you need any help or clarification!

[theNatePi]

Fix needed