From 4f02fcc9900875a4b1b7579e592268f23d300241 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 29 Aug 2022 13:18:28 +0200
Subject: [PATCH] add close on contribution messages list box

---
 admin/src/pages/CreationConfirm.vue              |  1 +
 .../ContributionMessagesList.vue                 |  4 ++++
 .../Contributions/ContributionListItem.vue       | 16 +++++++++++++---
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index f518e1f00..ffefe5d3f 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -98,6 +98,7 @@ export default {
       this.pendingCreations.find((value) => {
         value.state = 'IN_PROGRESS'
         value.messageCount = value.messageCount + 1
+        return null
       })
     },
   },
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
index 896487160..5303b1f11 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -12,6 +12,10 @@
       @get-list-contribution-messages="getListContributionMessages"
       @update-state="updateState"
     />
+    <div v-b-toggle="'collapse' + String(contributionId)" class="text-center pointer h2">
+      <b-icon icon="arrow-up-short"></b-icon>
+      {{ $t('form.close') }}
+    </div>
   </div>
 </template>
 <script>
diff --git a/frontend/src/components/Contributions/ContributionListItem.vue b/frontend/src/components/Contributions/ContributionListItem.vue
index 78ba6f0fe..03f025d51 100644
--- a/frontend/src/components/Contributions/ContributionListItem.vue
+++ b/frontend/src/components/Contributions/ContributionListItem.vue
@@ -2,7 +2,7 @@
   <div class="contribution-list-item">
     <slot>
       <div class="border p-3 w-100 mb-1" :class="`border-${variant}`">
-        <div @click="getListContributionMessages">
+        <div>
           <div class="d-inline-flex">
             <div class="mr-2">
               <b-icon
@@ -53,12 +53,22 @@
               <b-icon icon="trash" class="h2"></b-icon>
             </div>
             <div v-if="messages.length" class="pointer">
-              <b-icon v-b-toggle="collapsId" icon="chat-dots" class="h2 mr-5"></b-icon>
+              <b-icon
+                v-b-toggle="collapsId"
+                icon="chat-dots"
+                class="h2 mr-5"
+                @click="getListContributionMessages"
+              ></b-icon>
             </div>
           </div>
         </div>
         <div v-if="messages">
-          <b-button v-if="state === 'IN_PROGRESS'" v-b-toggle="collapsId" variant="warning">
+          <b-button
+            v-if="state === 'IN_PROGRESS'"
+            v-b-toggle="collapsId"
+            variant="warning"
+            @click="getListContributionMessages"
+          >
             {{ $t('contribution.alert.answerQuestion') }}
           </b-button>
           <b-collapse :id="collapsId" class="mt-2">