Allow users to edit their customer's information

[reichert621]

Problem
Our users should be able to edit their customers' information -- specifically their name, email, and phone number.

Users can currently view these fields, but not edit them... this is what we currently display:

Solution
Make the "name", "email", and "phone number" fields editable.

To do this, we should:

• Add a button to the bottom of the modal that says "Edit"
• Move the "Close" button to the left side of the modal
• When clicking the button, the modal should go into "edit mode"... this means that editable fields will change from text to input fields
• When in edit mode, the "Edit" button should change into "Save" and "Cancel" buttons
• Clicking "Save" should persist the changes, while "Cancel" should revert them (if any)
• In order to persist changes, we will hit the update customer API endpoint
  • i.e. PUT /api/customers/${customerId}

Here's the component: https://github.com/papercups-io/papercups/blob/master/assets/src/components/customers/CustomerDetailsModal.tsx

Questions, or need help getting started?
Feel free to ask below, or ping us on Slack :)

(You can also check out our CONTRIBUTING.md)

[swatikothari]

I can take this one

[reichert621]

sure @swatikothari :) I'll assign you 👍

[reichert621]

hey @swatikothari! any updates on this?

[joelazwar]

hi, i know hacktoberfest is past but i'd still love to try this issue :)

[reichert621]

sure @joelazwar! i'll assign you :)