Add UI for team admin role (#2637)

frontend/components/forms/fields/Dropdown/Dropdown.jsx

@@ -21,6 +21,8 @@ class Dropdown extends Component {
     multi: PropTypes.bool,
     name: PropTypes.string,
     onChange: PropTypes.func,
+    onOpen: PropTypes.func,
+    onClose: PropTypes.func,
     options: PropTypes.arrayOf(dropdownOptionInterface).isRequired,
     placeholder: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
     value: PropTypes.oneOfType([
@@ -33,6 +35,8 @@ class Dropdown extends Component {
 
   static defaultProps = {
     onChange: noop,
+    onOpen: noop,
+    onClose: noop,
     clearable: false,
     searchable: true,
     disabled: false,
@@ -41,6 +45,16 @@ class Dropdown extends Component {
     placeholder: "Select One...",
   };
 
+  onMenuOpen = () => {
+    const { onOpen } = this.props;
+    onOpen();
+  };
+
+  onMenuClose = () => {
+    const { onClose } = this.props;
+    onClose();
+  };
+
   handleChange = (selected) => {
     const { multi, onChange, clearable } = this.props;
 
@@ -84,7 +98,7 @@ class Dropdown extends Component {
   };
 
   render() {
-    const { handleChange, renderOption } = this;
+    const { handleChange, renderOption, onMenuOpen, onMenuClose } = this;
     const {
       error,
       className,
@@ -122,6 +136,8 @@ class Dropdown extends Component {
           optionRenderer={renderOption}
           placeholder={placeholder}
           value={value}
+          onOpen={onMenuOpen}
+          onClose={onMenuClose}
         />
       </FormField>
     );