From 7cb7af48c55d267d888b7867dcb03134d0903a2f Mon Sep 17 00:00:00 2001
From: Kevin Glisson <kevgliss@gmail.com>
Date: Thu, 2 Nov 2023 11:36:21 -0700
Subject: [PATCH] Fixes

---
 .../src/components/ParticipantSelect.vue      | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue b/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
index 707e0dbd0216..85205a33f724 100644
--- a/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
+++ b/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
@@ -9,8 +9,9 @@
     item-title="individual.name"
     no-filter
     return-object
+    chips
     v-model="participant"
-    @update:model-value="handleClear"
+    @update:modelValue="handleClear"
   >
     <template #no-data>
       <v-list-item>
@@ -29,14 +30,12 @@
         <v-list-item-subtitle> Load More </v-list-item-subtitle>
       </v-list-item>
     </template>
-    <template #selection="data">
-      <v-chip pill size="small">
+    <template #chip="data">
+      <v-chip v-bind="data.props" pill>
         <template #prepend>
-          <v-avatar color="teal" start>
-            {{ initials(data.item.raw.individual.name) }}
-          </v-avatar>
+          <v-avatar color="teal" start> {{ initials(data.item.title) }} </v-avatar>
         </template>
-        {{ data.item.raw.individual.name }}
+        {{ data.item.title }}
       </v-chip>
     </template>
   </v-combobox>
@@ -96,10 +95,10 @@ export default {
 
     onMounted(() => {
       debouncedGetIndividualData = debounce(getIndividualData, 300)
-      if (this.initialValue && this.initialValue.id) {
-        this.participant = { ...this.initialValue }
+      if (props.initialValue && props.initialValue.id) {
+        participant = { ...props.initialValue }
+        search = props.initialValue.name
       }
-      debouncedGetIndividualData()
     })
 
     const loadMore = async () => {
@@ -109,7 +108,6 @@ export default {
     }
 
     const handleClear = (newValue) => {
-      console.log("handleClear", newValue)
       if (!newValue) {
         items.value = []
         search.value = null
@@ -120,7 +118,6 @@ export default {
     }
 
     watch(search, async (newVal, oldVal) => {
-      console.log("watch search", newVal, oldVal)
       if (oldVal !== newVal) {
         numItems.value = 10
         await debouncedGetIndividualData(newVal)
@@ -132,7 +129,6 @@ export default {
       handleClear,
       initials,
       items,
-      labelProp,
       loading,
       loadMore,
       participant,