merge members and leads in AddTeam

src/components/AddTeam.vue

@@ -58,13 +58,13 @@
           ></v-text-field>
 
           <UserSelect
-            v-model="toAdd.poc"
+            v-model="leads"
             ref="UserSelect"
             required
             multiple
             preload
-            :preloadData="toAdd.poc"
-            label="Select a Team Leads"
+            :preloadData="leads"
+            label="Select Team Leads"
             :rules="[inputRules.required]"
           />
         </v-form>
@@ -112,14 +112,15 @@ export default {
   },
   data: () => ({
     showDialog: true,
-    toAdd: { memberCount: { count: 0 } },
+    toAdd: {},
     valid: false,
     inputRules,
+    leads: [],
   }),
   created() {
     if (this.value) {
       this.toAdd = cloneDeep(this.value);
-      this.toAdd.poc = this.toAdd.members.filter(
+      this.leads = this.toAdd.members.filter(
         (item) => item.TeamMember.isTeamLead === true
       );
     }
@@ -131,11 +132,24 @@ export default {
       this.init();
     },
     add() {
+      this.leads.forEach((lead) => (lead.TeamMember.isTeamLead = true));
+      this.toAdd.members = this.leads;
       this.$emit("add", this.toAdd);
       this.init();
     },
     edit() {
-      console.log("Saving", this.toAdd);
+      // merge members and leads
+      const members = new Map();
+      this.toAdd.members.forEach((member) => {
+        member.TeamMember.isTeamLead = false;
+        members.set(member.id, member);
+      });
+      this.leads.forEach((lead) => {
+        lead.TeamMember.isTeamLead = true;
+        members.set(lead.id, lead);
+      });
+      this.toAdd.members = members.values();
+
       this.$emit("edit", this.toAdd);
       this.init();
     },