Convert to react: Alerts, Language and other dropdowns

[rymorgan]

Convert to react: Alerts, Language and other dropdowns related to #2040

[brent-hoover]

@rymorgan Can you clarify what you mean by Alerts here? Do you mean the notifications?

[joykare]

Notes:

• Branch joykare-navbar-dropdowns-2044
• @rymorgan hoping that alerts means the notifications. If so its already in React.
• Starting with the currency dropdown /client/modules/i18n/templates/currency

[joykare]

Notes:

• Using DropDownMenu Component on /imports/plugins/core/ui/client/components/menu
• Working on the language dropdown /client/modules/i18n/templates/header/i18n.html

[joykare]

@mikemurray I'm using <DropDownMenu /> component for the drop downs and I'm trying to figure out a way to close the menu when one of the menuitems is selected. Any ideas on how to make that happen?

[mikemurray]

This will require some additions to both DropDownMenu and the Popover component

1. The Popover manages state for the open / close status. That will need to be exposed to props so it could/should be managed by the parent component. Probably best to remove all the state management from that component and replace with callbacks, and accept the open/close state as props.
2. The dropdown itself menu should have an open/close state var.
3. In the handleMenuItemChange callback in the dropdown would set the open/close state and pass that to the popover component via props.

[joykare]

Thanks that worked @mikemurray