use addNewOption for memberlist

UMN-LATIS · Sep 23, 2024 · 962c197 · 962c197
1 parent 81ef19e
commit 962c197
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/resources/js/components/MemberList.vue b/resources/js/components/MemberList.vue
@@ -130,15 +130,9 @@
               :options="roles"
               :canAddNewOption="true"
               class="tw-min-w-[10rem]"
-            >
-              <template #afterOptions="{ query }">
-                <Button
-                  @click="$emit('update:roles', [...roles, { label: query }])"
-                >
-                  Add New Role
-                </Button>
-              </template>
-            </ComboBox>
+              :canAddNewOptions="true"
+              @addNewOption="$emit('update:roles', [...roles, $event])"
+            />
           </td>
         </template>
 
@@ -226,15 +220,13 @@ import { dayjs, $can } from "@/utils";
 import { ComboBox } from "@/components/ComboBox";
 import SortableLink from "./SortableLink.vue";
 import ManagerBadge from "./ManagerBadge.vue";
-import Button from "./Button.vue";
 
 export default {
   components: {
     GroupTitle,
     ComboBox,
     SortableLink,
     ManagerBadge,
-    Button,
   },
   props: [
     "editing",