diff --git a/app/assets/javascripts/discourse/templates/mobile/group-index.hbs b/app/assets/javascripts/discourse/templates/mobile/group-index.hbs
index 3101a84429f..84a906d4c48 100644
--- a/app/assets/javascripts/discourse/templates/mobile/group-index.hbs
+++ b/app/assets/javascripts/discourse/templates/mobile/group-index.hbs
@@ -7,7 +7,10 @@
{{#if canManageGroup}}
{{#if currentUser.admin}}
- {{group-members-dropdown onChange=(action "groupMembersDropdown")}}
+ {{group-members-dropdown
+ showAddMembersModal=(route-action "showAddMembersModal")
+ showBulkAddModal=(route-action "showBulkAddModal")
+ }}
{{else}}
{{d-button
icon="plus"
diff --git a/app/assets/javascripts/select-kit/components/group-members-dropdown.js.es6 b/app/assets/javascripts/select-kit/components/group-members-dropdown.js.es6
index 39d1e927537..bd9cd7ca713 100644
--- a/app/assets/javascripts/select-kit/components/group-members-dropdown.js.es6
+++ b/app/assets/javascripts/select-kit/components/group-members-dropdown.js.es6
@@ -1,5 +1,5 @@
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
-import { computed } from "@ember/object";
+import { action, computed } from "@ember/object";
export default DropdownSelectBoxComponent.extend({
classNames: ["group-members-dropdown"],
@@ -27,5 +27,10 @@ export default DropdownSelectBoxComponent.extend({
}
return items;
- })
+ }),
+
+ @action
+ onChange(id) {
+ this.attrs && this.attrs[id] && this.attrs[id]();
+ }
});