[DEV][User Profile][Tech Debt][Components] — Global Reusable Dropdown Component

[KaitlynMallare]

Description

Create a global reusable dropdown component using the DropdownMenu component provided by the universal design team. You can find this in packages/UI/src/components/DropdownMenu/DropdownMenu.tsx.

This component will:

• take an array of strings as a property,
• use the array of strings to create dropdown menu items,
• take a property called onChange, that will overide the default function
• execute the onChange function on click of any menu items, and pass the value of the menu item into the onChange function as an argument

Create the component in the commons folder user-prfile/src/components/common.

No need to worry about styling for now, just make sure the width increases in relation to its parent container

When creating this component, think about:

• what other features would be helpful to others to include.
• good naming conventions that make the code easy to read & understand (remember your code is also a document)

Resources

• Link to DropdownMenu Component by the universal design team

[Keshav-1803]

I would like to work on this issue

[KaitlynMallare]

This is linked to #2076

[judeamos]

Hey @Keshav-1803, hope your doing good, just saw your comment. To take on these kinda of tasks/issues you need to be part of the Dev Launchers organisation. What kind of experience are you looking for, frontend or backend?