From 35627203e628360aeab0a4b663688fbd308fbd95 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 18 May 2021 16:23:40 +0200
Subject: [PATCH] remove props for ToggleFlags component

---
 .../AccompanyingCourse/components/AccompanyingCourse.vue   | 6 +-----
 .../vuejs/AccompanyingCourse/components/ToggleFlags.vue    | 7 ++++++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AccompanyingCourse.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AccompanyingCourse.vue
index 685d454c3..b94d73338 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AccompanyingCourse.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AccompanyingCourse.vue
@@ -8,11 +8,7 @@
    </div>
       
    <teleport to="#header-accompanying_course-name .grid-4">
-      <toggle-flags
-         v-bind:intensity="accompanyingCourse.intensity"
-         v-bind:emergency="accompanyingCourse.emergency"
-         v-bind:confidential="accompanyingCourse.confidential">
-      </toggle-flags>
+      <toggle-flags></toggle-flags>
    </teleport>
       
    <teleport to="#header-accompanying_course-name .grid-3">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ToggleFlags.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ToggleFlags.vue
index cade04dc6..ac5960d19 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ToggleFlags.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ToggleFlags.vue
@@ -22,10 +22,15 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 export default {
    name: "ToggleFlags",
-   props: ['emergency', 'confidential', 'intensity'],
    computed: {
+      ...mapState({
+         intensity: state => state.accompanyingCourse.intensity,
+         emergency: state => state.accompanyingCourse.emergency,
+         confidential: state => state.accompanyingCourse.confidential,
+      }),
       isRegular() {
          return (this.intensity === 'regular')? true : false;
       },