From 962c197eb87e64a8b31ccacc924e3fef5ab8070c Mon Sep 17 00:00:00 2001
From: James Johnson <johnsojr@umn.edu>
Date: Mon, 23 Sep 2024 16:10:38 -0500
Subject: [PATCH] use  addNewOption for memberlist

---
 resources/js/components/MemberList.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/resources/js/components/MemberList.vue b/resources/js/components/MemberList.vue
index 6e86c5d1..1d097f5d 100644
--- 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,7 +220,6 @@ 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: {
@@ -234,7 +227,6 @@ export default {
     ComboBox,
     SortableLink,
     ManagerBadge,
-    Button,
   },
   props: [
     "editing",