From 4a30f310b82b785df8229ca670492a40eb8aed1b Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Mon, 13 Mar 2023 16:41:43 +0100
Subject: [PATCH] FIX [referrer][deselect] allow referrer to be deselected in
 parcours edit form

---
 .../vuejs/AccompanyingCourse/components/Referrer.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
index b16e8828a..aff143dfe 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
@@ -59,6 +59,7 @@
           :placeholder="$t('referrer.placeholder')"
           v-model="value"
           @select="updateReferrer"
+          @remove="removeReferrer"
           :options="users"
           :select-label="$t('multiselect.select_label')"
           :deselect-label="$t('multiselect.deselect_label')"
@@ -194,6 +195,17 @@ export default {
           });
       this.toggleModal()
     },
+    removeReferrer() {
+      console.log('remove option')  
+      this.$store.dispatch('updateReferrer', null)
+          .catch(({name, violations}) => {
+            if (name === 'ValidationException' || name === 'AccessException') {
+              violations.forEach((violation) => this.$toast.open({message: violation}));
+            } else {
+              this.$toast.open({message: 'An error occurred'})
+            }
+          });
+    },
     cancelChange() {
       this.value = this.$store.state.accompanyingCourse.user
       this.toggleModal()