change messages to messagesCount

admin/src/pages/CreationConfirm.vue

@@ -95,11 +95,8 @@ export default {
       this.item = item
     },
     updateState(id) {
-      this.pendingCreations.find((value) => {
-        value.state = 'IN_PROGRESS'
-        value.messageCount = value.messageCount + 1
-        return null
-      })
+      this.pendingCreations.find((obj) => obj.id === id).state = 'IN_PROGRESS'
+      this.pendingCreations.find((obj) => obj.id === id).obj.messagesCount++
     },
   },
   computed: {

frontend/src/components/Contributions/ContributionListItem.vue

@@ -52,7 +52,7 @@
             >
               <b-icon icon="trash" class="h2"></b-icon>
             </div>
-            <div v-if="messages.length" class="pointer">
+            <div v-if="messagesCount > 0" class="pointer">
               <b-icon
                 v-b-toggle="collapsId"
                 icon="chat-dots"
@@ -62,7 +62,7 @@
             </div>
           </div>
         </div>
-        <div v-if="messages">
+        <div v-if="messagesCount > 0">
           <b-button
             v-if="state === 'IN_PROGRESS'"
             v-b-toggle="collapsId"
@@ -136,12 +136,9 @@ export default {
       type: String,
       required: false,
     },
-    messages: {
-      type: Array,
+    messagesCount: {
+      type: Number,
       required: false,
-      default() {
-        return []
-      },
     },
     contributionId: {
       type: Number,

frontend/src/graphql/queries.js

@@ -207,15 +207,7 @@ export const listContributions = gql`
         confirmedBy
         deletedAt
         state
-        messages {
-          id
-          message
-          createdAt
-          updatedAt
-          type
-          userFirstName
-          userLastName
-        }
+        messagesCount
       }
     }
   }