From 337a6eb974b8beb11f3c37ba5585ef5aa6851b3f Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 13 Sep 2021 13:29:37 +0200
Subject: [PATCH] vue_household_members_editor: toggle suggestion button out of
 conditionnal record_actions

---
 .../components/Household.vue                  | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
index ba77e2e18..f9c241dfe 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
@@ -60,23 +60,6 @@
   </div>
 
   <ul v-if="allowChangeHousehold" class="record_actions">
-    <li v-if="!showHouseholdSuggestion" class="cancel">
-      <button
-        class="btn btn-misc"
-        @click="toggleHouseholdSuggestion"
-      ><i class="fa fa-fw fa-caret-right"></i>
-        {{ $tc('household_members_editor.show_household_suggestion',
-          countHouseholdSuggestion) }}
-      </button>
-    </li>
-    <li v-if="showHouseholdSuggestion && hasHouseholdSuggestion" class="cancel">
-      <button
-        class="btn btn-misc"
-        @click="toggleHouseholdSuggestion"
-      ><i class="fa fa-fw fa-caret-down"></i>
-        {{ $t('household_members_editor.hide_household_suggestion') }}
-      </button>
-    </li>
     <li v-if="allowHouseholdCreate">
       <button class="btn btn-create" @click="createHousehold">
         {{ $t('household_members_editor.household.create_household') }}
@@ -99,6 +82,21 @@
     </li>
   </ul>
 
+  <ul class="record_actions">
+   <li v-if="!showHouseholdSuggestion" class="cancel">
+      <button class="btn btn-misc" @click="toggleHouseholdSuggestion">
+         <i class="fa fa-fw fa-caret-right"></i>
+         {{ $tc('household_members_editor.show_household_suggestion', countHouseholdSuggestion) }}
+      </button>
+   </li>
+   <li v-if="showHouseholdSuggestion && hasHouseholdSuggestion" class="cancel">
+      <button class="btn btn-misc" @click="toggleHouseholdSuggestion">
+         <i class="fa fa-fw fa-caret-down"></i>
+         {{ $t('household_members_editor.hide_household_suggestion') }}
+      </button>
+   </li>
+   </ul>
+
   <div class="householdSuggestions">
     <div v-if="showHouseholdSuggestion && hasHouseholdSuggestion">
 
@@ -220,6 +218,7 @@ export default {
     },
     selectHousehold(h) {
       this.$store.dispatch('selectHousehold', h);
+      this.toggleHouseholdSuggestion();
     },
     removeHousehold() {
       this.$store.dispatch('removeHousehold');