Profile Attributes: Edit Intents

[vingkan]

Goal

Implement a feature on the edit profile page that allows a user to select and de-select their intents so that they can get better matches in the future.

Definition of Done

• Users can select and de-select their intents, including whether they are giving or seeking.
• Intents can be customized by community.
• When users save their intents, the database is updated in the correct location.
• The data saved to the database matches the format the offline pipeline expects.

Starter Code

-- Write your styles here
frontend/src/app/attributes/EditIntents.css
-- Implement your component here
frontend/src/app/attributes/EditIntents.tsx
-- Write your test stories here
frontend/src/app/attributes/EditIntents.stories.tsx

[vingkan]

Here is a design mock for how the edit intents component should look on the edit profile page.

It does not have to look exactly like this and we will have opportunities to change the design in the future.

[vingkan]

Improvement to edit intents components:

• [x] Split checkboxes into one checkbox per component
• [x] Pass function as property to checkbox to update value
• [x] Dynamically render intents from the community configuration
• [x] Set default intent values from the fetched user data